@charset "utf-8";
 
/*
* CSS-Design
* Stefanie Spieler: Visuelle Kommunikation
* Portfolio
*/
 
 
/* Reset * * * * * * * * */
 
 
*{
        margin: 0;
        padding: 0;        
}
 
 
html{        
        font-size: 100%; /* Browserstandard: 16px */
}
 
img{
        max-width: 100%;
}

*{    
margin: 0px;    
padding: 0px;        
-mozbox-sizing: border-box;    
-webkit-box-sizing: border-box;    
box-sizing: border-box; 
}


/* Layout * * * * * * * * */


body{
	font: 400 15px/24px 'Helvetica Neue LT W01_51488890', Arial, sans-serif;
	font: 400 15px/24px "Helvetica Neue LT W01_56 It" Arial, sans-serif;
	font: 400 15px/24px "Helvetica Neue LT W01_71488914" Arial, sans-serif;
	font: 400 15px/24px "baskerville-display-pt", serif;
	color:  #151715;
}

.wrapper0{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/test2.png') no-repeat;
        top: 0;
	    padding-bottom: 0px;
        width: 100%;
        height: 100%;
	    background-size: cover;
}



.wrapper{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/test2.png') repeat;
        top: 0;
	    padding-bottom: 0px;
        width: 100%;
        height: 100%;
}

.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg') repeat;
        top: 0;
	    padding-bottom: 0px;
	    width: 100%;
        height: 100%;
}


header{
        width: 100%;
	    background: #000;
	    opacity: 0.7;
	    padding: 0px 10px 9px 0px;
	    margin: 0 auto;
        overflow: hidden;
	    position: fixed;
	    border-bottom: #000;
	    border-bottom-style: solid;
	    border-bottom-width: 1px;
	    z-index: 2;
}


/* Hintergrund Startseite * * * * * * * * */


.box1{
	    max-width: 1800px;    
}


.box_mobile{
	       
}


.sidebar_home{ 
	    width: 230px; 
	    height: 270px; 
	    padding: 0.7em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 150px 0px 0px 25px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}

.sidebar_home:hover{ 
	    opacity: 0.8;
	    background: #fff;
	    border-width: 2px 4px 3px 0px;
	    position: absolute;
}

.sidebar_home a{
        text-transform: uppercase;
	    color: #313030;
	    font-size: 32px;
	    font-size: 2rem;
	    font-weight: 600;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_home a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}

.contactbox{ 
	    width: 118px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.7em;
	    opacity: 0.7;
        margin: 375px 0px 0px 20px;
	    position: absolute;
	    z-index: 5;
}

.contactbox:hover{
	    background: #fff;
	    border: #000;
	    border-style: solid;
        border-width: 1px;
}

.a_contact{
	    color: #000;
	    letter-spacing: 2px;
	    
}

.main_teaser{
        width: 100%;
	    padding-bottom: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
	    float: right;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 140px 0px 20px -180px;
	    padding: 0px 20px 20px 10px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}


.title2{ 
        margin: -30px 0px 0px 120px;
	    padding: 26px 50px 0px 10px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 3px 1px;
	    float: left;
	    z-index: 0;
}

.title2:hover{
	background: #fff;
	opacity: 0.9;
}


.title3{ 
        margin: -12px 0px 20px 80px;
	    padding: 16px 30px 10px 10px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title3:hover{
	background: #fff;
	opacity: 0.9;
}


.title4{ 
        margin: -10px 0px 30px 180px;
	    padding: 20px 20px 0px 60px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title4:hover{
	background: #fff;
	opacity: 0.9;
}

.title5{ 
        margin: -13px 0px 30px 140px;
	    padding: 10px 70px 0px 20px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title5:hover{
	background: #fff;
	opacity: 0.9;
}

.Form1{
	    margin: 40px 0px 0px -20px;
	    position: absolute;
}


.Form2{
	    margin: 70px 80px 0px 0px;
	    float: right;    
	    
}

/* Hintergrund Text und Web * * * * * * * * */


.box1_textundweb{ 
max-width: 1800px;
}


.box1_small_textundweb{ 
}


.lunsfigur{ 
        margin: 174px 0px 0px 600px;
	    padding: 28px 50px 0px 30px;
	    position: absolute;
	    z-index: 1;
}


.webtext{ 
	    max-width: 800px;
        margin: 260px 200px 0px 200px;
	    padding: 28px 50px 0px 30px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

.webtext:hover{
	background: #fff;
	opacity: 0.9;
}




/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 1250px;
	 margin: 140px 0px 0px 250px; 
}

.ciaociao_img{
	 padding: 20px 20px 20px 25px;
	 margin: 0px 20px 0px 20px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 4px;
	 border-style: solid;
}


.dif_img{
	 padding: 20px 20px 20px 25px;
	 margin: 0px 20px 0px 30px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 4px;
	 border-style: solid;
}

.praxis_img{
	 padding: 20px 20px 20px 25px;
	 margin: -20px 20px 0px 20px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 4px;
	 border-style: solid;
}


.stephaniematthias_img{
	 padding: 20px 20px 20px 25px;
	 margin: -20px 20px 0px 30px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 4px;
	 border-style: solid;
}


.description_ciaociao{
	 max-width: 370px;
	 background: #fff;
	 opacity: 0.8;
	 padding: 15px 20px 0px 20px;
	 margin: -60px 0px 0px 210px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 7px;
	 border-style: solid;
}

.description_ciaociao:hover{
	 opacity: 0.9;
}


.description_dif{
	 max-width: 370px;
	 background: #fff;
	 opacity: 0.8;
	 padding: 15px 20px 0px 20px;
	 margin: -70px -30px 0px 240px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 7px;
	 border-style: solid;
}

.description_dif:hover{
	 opacity: 0.9;
}

.description_praxis{
	 max-width: 340px;
	 background: #fff;
	 opacity: 0.8;
	 padding: 15px 20px 0px 20px;
	 margin: -90px -50px 0px 240px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 7px;
	 border-style: solid;
}

.description_praxis:hover{
	 opacity: 0.9;
}


.description_matthias{
	 max-width: 390px;
	 background: #fff;
	 opacity: 0.8;
	 padding: 15px 20px 0px 20px;
	 margin: -60px -30px 0px 230px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 7px;
	 border-style: solid;
}

.description_matthias:hover{
	 opacity: 0.9;
}

.rahmen_small{
	 margin: 130px 0px 0px 0px; 
}

/* Hintergrund Texte * * * * * * * * */


.Textprobe1{
	 background: #fff;
	 opacity: 0.8;
	 padding: 30px 95px 20px 25px;
	 margin: 230px -340px 0px 120px;
	 border-color: #000;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 9px;
	 border-style: solid;
	 z-index: 1;
}

.Textprobe1:hover{
	 opacity: 0.9;
}

.Textprobe2{
	 background: #fff;
	 opacity: 0.8;
	 padding: 30px 25px 20px 25px;
	 margin: 150px -340px 30px 230px;
	 border-color: #151715;
	 border-width: 1px;
	 border-bottom: 3px;
	 border-right: 9px;
	 border-style: solid;
}

.Textprobe2:hover{
	 opacity: 0.9;
}

.Textprobe3{
	 background: #fff;
	 opacity: 0.8;
	 padding: 30px 25px 20px 25px;
	 margin: 0px -340px 0px 230px;
	 border-color: #151715;
	 border-width: 1px;
	 border-bottom: 3px;
	 border-right: 9px;
	 border-style: solid;
}

.Textprobe3:hover{
	 opacity: 0.9;
}

.Textprobe1_small{
	 background: #fff;
     opacity: 0.8;
	 padding: 30px 95px 20px 25px;
	 margin: 180px 0px 0px 20px;
	 border-color: #151715;
	 border-width: 1px;
	 border-bottom: 10px;
	 border-right: 9px;
	 border-style: solid;
	 z-index: 1;
}

.Textprobe1_small:hover{
	 opacity: 0.9;
}

.Textprobe2_small{
	 background: #fff;
	 opacity: 0.8;
	 padding: 30px 25px 20px 25px;
	 margin: 0px 0px 30px 20px;
	 border-color: #151715;
	 border-width: 1px;
	 border-bottom: 3px;
	 border-right: 9px;
	 border-style: solid;
}

.Textprobe2_small:hover{
	 opacity: 0.9;
}

.Textprobe3_small{
	 background: #fff;
	 opacity: 0.8;
	 padding: 30px 25px 20px 25px;
	 margin: 0px 0px 30px 20px;
	 border-color: #151715;
	 border-width: 1px;
	 border-bottom: 3px;
	 border-right: 9px;
	 border-style: solid;
}

.Textprobe3_small:hover{
	 opacity: 0.9;
}



/* Hintergrund Illustrationen * * * * * * * * */

.main_teaser_illus{
        width: 100%;
	    background:  url('../images/Hintergrund_Illus_maxi.gif') repeat-y;
	    padding-bottom: 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
        float: right;
}       


/* Layout Extras Illustration* * * * * * * * */


.sidebar_illus{ 
	    width: 230px; 
	    height: 240px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 170px 0px 0px 95px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 600;
	    line-height: 30px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 5px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_illus a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}


.Element_Illu1{
	 margin: 60px 10px 40px 0px;
	 float: right;
}

 
.box_Illus{
	 margin: 0px 0px 0px 300px;
}

.Container_Illus_1{
	   padding: 16px 30px 0px 0px;
	   margin-top: 190px;
	   float: left;
}

.Container_Illus_2{
	   padding: 16px 30px 0px 0px;	   
	   
}

.Image_Illu{
	max-width: 100%;
	}  

.Textbox1 {
	    background: #fff;
	    padding: 1em 0.7em 1em 0.7em;
	    opacity: 0.8;
        margin: 10px 0px 20px 0px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
} 

.Textbox1:hover{
	background: #fff;
	opacity: 0.9;
}

.Textbox2 {background: #fff;
	    padding: 1em 0.7em 1em 0.7em;
	    opacity: 0.8;
        margin: 10px 0px 20px 0px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
} 

.Textbox2:hover{
	background: #fff;
	opacity: 0.9;
}

/* Layout Illustration Small Divices* * * * * * * * */


.box_Illus_klein{ 
	 margin: 0px 0px 0px 500px;
}
	
.Textbox_small{ 
	    background: #fff;
	    padding: 1em 0.7em 1em 0.7em;
	    opacity: 0.8;
        margin: 10px 0px 20px 0px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Textbox_small:hover{
	background: #fff;
	opacity: 0.9;
}


/* Hintergrund Fotografie * * * * * * * * */

.main_teaser_fotos{
        width: 100%;
	    background:  url('../images/Hintergrund_Fotos_1800.gif') repeat-y;
	    padding: 0px 0px 0px 0px;
	    margin-top: 0px;
	    margin-bottom: 0px;
        float: right;
}  


.sidebar_fotos{ 
	    width: 280px; 
	    height: 310px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 170px 0px 0px 25px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 32px;
	    font-size: 2rem;
	    font-weight: 600;
	    line-height: 30px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 4px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}


/* Layout Extras Fotografie* * * * * * * * */

.box_Fotos{
	 max-width: 1800px; 
	 margin: 240px 0px 0px 0px;
}

.box_Fotos_1{
	 max-width: 1800px; 
	 margin: 60px 0px 0px 250px;
}

.fourth_fotos{
	padding: 10px!important;
	
}

.fourth_fotos1{
	padding: 10px!important;
	margin-left: 120px !important;
}

.fourth_fotos2{
	padding: 0px 0px 30px 0px !important;
	margin-left: 120px !important;
}

.fourth_fotos3{
	padding: 0px 0px 30px 0px !important;
	margin-left: 120px !important;
}

.Image_Foto{
    width: 95%;
    hight: auto;
}

.full_fotos{
	 
}


/* Hintergrund Unterseiten Fotografie* * * * * * * * */


/* Hintergrund Heimat* * * * * * * * */
	
.rahmen_heimat{ 
background: #fff;
margin: 230px 100px 30px 200px;
padding: 30px 30px 40px 30px;
border: #000;
border-style: solid;
border-width: 1px;
max-width: 100%;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 100px 30px 200px;
padding: 30px 30px 40px 30px;
border: #000;
border-style: solid;
border-width: 1px;
max-width: 100%;
}


.Heimat_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: -30px 0px 20px 180px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Heimats_Text:hover{ 
	    opacity: 0.9;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: -30px 0px 20px 229px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Unterseite_Fotos_Text:hover{ 
	    opacity: 0.9;
}


.Unterseite_Fotos1{ 
margin: 240px 200px 30px 250px;
border: #000;
border-style: solid;
border-width: 1px;
max-width: 80%;
}


.Unterseite_Fotos_hoch{ 
margin: 160px 30px 30px 30px;
max-width: 90%;
}

.Unterseite_Fotos_Text_hoch{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 9px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;
	    float: left;
}

.Unterseite_Fotos_Text_hoch:hover{ 
	    opacity: 0.9;
}


/* Hintergrund Levanto * * * * * * * * */

.Levanto_Main{
	 background: #fff;
	 padding: 10px 10px 20px 10px;
	 margin: 230px 100px 0px 100px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub{
	 margin: -570px 0px 0px 230px;
	 float: left;
}

.rahmen_levanto{
	 background: #fff;
	 padding: 30px 30px 40px 30px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.Levanto_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Levanto_Text:hover{ 
	    opacity: 0.9;
}


.Levanto_Main_small{
	 background: #fff;
	 padding: 10px 10px 20px 10px;
	 margin: 230px 170px 0px 70px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub_small{
	 margin: -570px -90px 0px 330px;
	 float: left;
}

.rahmen_levanto_small{
	 background: #fff;
	 padding: 20px 20px 30px 20px;
	 margin: 0px 0px 10px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.Levanto_Text_small{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Levanto_Text_small:hover{ 
	    opacity: 0.9;
}

/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 250px;
	 float: left;
}


.Portraits_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Portraits_Text:hover{ 
	    opacity: 0.9;
}


.Portraits_Sabine_Small{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 0px 250px;
	 float: left;
}

.Portraits_Text_Hochformat{ 
	    background: #fff;
	    padding: 0.2em 0.7em 0.2em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Portraits_Text_Hochformat:hover{ 
	    opacity: 0.9;
}


/* Hintergrund Unterseiten Illustration * * * * * * * * */


/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 250px;
	 float: left;
}


.Fashion_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Fashion_Text:hover{ 
	    opacity: 0.9;
}


.Fashion_2012_Small{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 0px 250px;
	 float: left;
}

.Fashion_Text_Hochformat{ 
	    background: #fff;
	    padding: 0.2em 0.7em 0.2em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Fashion_Text_Hochformat:hover{ 
	    opacity: 0.9;
}


/* Hintergrund Figuren * * * * * * * * */


.Figuren{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 250px;
	 float: left;
}


.rahmen_figuren1{
	 background: #fff;
	 padding: 30px 30px 40px 30px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.rahmen_figuren2{
	 background: #fff;
	 padding: 30px 30px 34px 30px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.Figuren_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Figuren_Text:hover{ 
	    opacity: 0.9;
}


.Figuren_Small{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 0px 250px;
	 float: left;
}

.Figuren_Text_Hochformat{ 
	    background: #fff;
	    padding: 0.2em 0.7em 0.2em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Figuren_Text_Hochformat:hover{ 
	    opacity: 0.9;
}

.rahmen_figuren_small{
	 background: #fff;
	 padding: 30px 30px 30px 30px;
	 margin: 0px 0px 30px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}


/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 220px 200px 200px 450px;
	 max-width: 60%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -10px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Busyday_Text:hover{ 
	    opacity: 0.9;
}




/* Hintergrund Vintage * * * * * * * * */


.Vintage{
	 margin: 220px 340px 200px 360px;
	 max-width: 80%;
	 float: left;
}


.rahmen_figuren1{
	 background: #fff;
	 padding: 30px 30px 40px 30px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.rahmen_figuren2{
	 background: #fff;
	 padding: 30px 30px 34px 30px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.Figuren_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Figuren_Text:hover{ 
	    opacity: 0.9;
}


/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 210px 100px 30px 70px;
max-width: 90%;
}


.looks_1_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.9;
        margin: -50px 0px 20px 49px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.looks_1_Text:hover{ 
	    opacity: 1;
}


.looks_2{ 
margin: 0px 100px 30px 70px;
max-width: 90%;
}


/* Hintergrund About * * * * * * * * */


.box_about{ 
	   max-width: 1600px;
}


 .about_bild{ 
	    max-width: 700px;
	    background: #fff; 
	    margin: 170px 100px 0px 620px;
	    padding: 0em 0.2em 1em 0em;
	    border-color: #000;
	    border-style: solid;
	    border-width: 1px 8px 4px 2px;
	    float: right;
}

 .about_bild:hover{
	    opacity: 1;
}


.about_text{ 
        background: #fff;
	    padding: 2em 1.2em 1em 1.5em;
	    opacity: 0.8;
        margin: -390px -90px 0px 100px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
} 

.about_text:hover{
	background: #fff;
	opacity: 0.9;
}


.about_text_medium{ 
        background: #fff;
	    padding: 2em 1.2em 1em 1.5em;
	    opacity: 0.8;
        margin: -390px -90px 0px 100px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
} 

.about_text_medium:hover{
	background: #fff;
	opacity: 0.9;
}


.about_text_small{ 
        background: #fff;
	    padding: 2em 1.2em 1em 1.5em;
	    opacity: 0.8;
        margin: -390px -90px 0px 100px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
} 

.about_text_small:hover{
	background: #fff;
	opacity: 0.9;
}



/* Hintergrund Kontakt * * * * * * * * */


.box_kontakt_big{
}

.box_Kontakt{ 
}

.Form2_kontakt{ 
	    margin: 70px 80px 0px 0px;
	    float: right;    
}

.kontakt{ 
	    width: 500px;
        margin: 350px 0px 0px 0px;
	    padding: 28px 50px 0px 30px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

.kontakt:hover{
	background: #fff;
	opacity: 0.9;
}


.mehruebermich{ 
	    width: 500px;
        margin: 20px 0px 0px 0px;
	    padding: 28px 50px 0px 30px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

.mehruebermich:hover{
	background: #00FF7C;
	opacity: 0.9;
}


.kontakt_small{ 
	    width: 240px;
        margin: 300px 0px 0px 0px;
	    padding: 28px 50px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

.kontakt_small:hover{
	background: #fff;
	opacity: 0.9;
}


.mehruebermich_small{ 
	    width: 240px;
        margin: 20px 0px 0px 0px;
	    padding: 28px 50px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

.mehruebermich_small:hover{
	background: #00FF7C;
	opacity: 0.9;
}


/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        max-width: 1100px;
        margin: 160px 200px 50px 200px;
	    padding: 28px 40px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}



/* Navigation * * * * * * * * */


#mobile-menu-btn{ 
display: none; 
}

ul#navigation{
	float: right;
	margin: 97px 10px 0 0;
}

ul#navigation li{
	display: inline;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
        text-decoration: none;
    	text-transform: uppercase;
	    font-size: 15px;
	    font-size: 0.938rem;
	    font-weight: 400;
	    letter-spacing: 2px;
        padding: 7px 10px;
        margin: 0px 10px;

}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;
	font-weight: 400;

}

.ul_2{ 
font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
margin: 0 0 12px 40px;
list-style: square;
font-size: 19px;
font-size: 1.188rem;
line-height: 26px;
letter-spacing: 0.2px;
}


.ul_sidebar{ 
list-style: none;
}

.ul_sidebar_illus{ 
list-style: none;
}


/* Typografie Basic */

body {
font-size: 100%;
} 

h1, h2, h3, h4, h5, h6{
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

h1{
	font-family: "baskerville-display-pt", Times New Roman, "serif";
	font-size: 80px;
	font-size: 5rem;
	line-height: 120px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

h2{ 
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 80px;
	font-size: 5rem;
	line-height: 65px;
	font-weight: 500;
}

h3{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 64px;
	font-size: 4rem;
	line-height: 60px;
	font-weight: 500;
	letter-spacing: 0px;
	padding-bottom: 10px;
}


h4{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 48px;
	font-size: 3rem;
	line-height: 48px;
	font-weight: 300;
}

h5{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 32px;
	font-size: 2rem;
	line-height: 36px;
	font-weight: 300;
	margin-bottom: 20px;
}

h6{
	font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	margin-top: 7px;
	line-height: 15px;
	font-weight: 300;
}

a{  
	font-family: "Helvetica Neue LT W01_51488890", sans-serif;
	color: #151715;
	padding: 4px 10px 1px 10px;
	text-decoration: none;
	border-width: 0px;
}

.a_title{
	font-family: "baskerville-display-pt", Times New Roman, serif;

}

.a_title_headline{
	font-family: "baskerville-display-pt", Times New Roman, serif;
	padding: 4px 10px 1px 0px;

}


.a_fliesstext{
	color: #000;
	font-style: italic;
	padding: 4px 5px 1px 4px;
	text-decoration: underline;
}

.a_fliesstext:hover{
	background: #00FF7C;
}

.a_mail{
	font-family: "baskerville-display-pt", Times New Roman, serif;
	color: #000;
	padding: 4px 10px 1px 0px;
	text-decoration: underline;
}

.a_mail:hover{
	background: #00FF7C;
}

.a_mail_smalldevices{
	color: #000;
	padding: 4px 10px 1px 0px;
	text-decoration: underline;
}

.a_mail_smalldevices:hover{
	background: #00FF7C;
}



/* Layout Button* * * * * * * * */

.button{
	color: #000; 
	padding: 6px 12px 7px 12px;
	text-decoration: none;
	border: #000;
    border-style: solid;
    border-width: 1px 2px 3px 1px;
}

.button:hover{
	background: #00FF7C;
}


.button_rechts{
	color: #000; 
	background: #fff;
	opacity: 0.8;
	padding: 6px 12px 7px 12px;
	margin: 70px 10px 10px 0px;
	text-decoration: none;
	border: #000;
    border-style: solid;
    border-width: 1px 2px 3px 1px;
	float:right;
}

.button_rechts:hover{
	background: #00FF7C;
}


/* Layout Footer* * * * * * * * */

#footer{
	    width: 100%;
	    background: #000;
	    opacity: 0.7;
	    padding: 0px 0px 0px 0px;
	    margin: 0 auto;
        overflow: hidden;
}

.box_fussleiste{
}

.fussleiste{
	color: #fff;
	opacity: 0.8;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 570px;
}

.a_fussleiste{
	color: #fff;
}

.a_fussleiste:hover{
	color: #00FF7C;
	
}

.top{ 
	background:#fff;
	opacity: 0.8;
	color: #000;
	padding: 5px 13px 8px 13px;
	margin: 100px 20px 10px 0px;
	text-decoration: none;
	float: right;
	
}

.top:hover{
	background: #00FF7C;
	color: #000;
	font-weight: 700;
	opacity: 0.8;
}

p{  
	font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
	font-size: 18px;
	font-size: 1.188rem;
	letter-spacing: 0.15px;
	line-height: 26px;
	margin-bottom: 28px;
}



/* Raster * * * * * * * * */


 .column {
float: left;
padding: 20px;
margin: 10px 0 5px 0%;
}


.row{
	width: 100%;
	float: left;
}

 .column:first-child {
margin-left: 0;
}


.full { width: 100%; }
.half { width: 49%; }
.third { width: 32%; }
.third_footer { width: 32%;}
.two-thirds { width: 66%; }
.fourth { width: 23.5%; }
.three-fourth {width:74.5%;}



.fourth_illus {
margin: 0px;
}


/* Media Queries * * * * * * * * */ 

@media only screen and (min-width : 1920px){
	
.wrapper{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/test2.png') no-repeat;
        top: 0;
	    padding-bottom: 0px;
        width: 100%;
        height: 100%;
        background-size: cover;
}
	

/* Hintergrund Startseite * * * * * * * * */
	

.box1{
	    max-width: 1500px;  
	    margin-left: 300px;
}

.box_mobile{
	display: none;
	       
}

.sidebar_home{ 
	    width: 250px; 
	    height: 270px; 
	    padding: 0.7em 0em 1em 0.5em;
        margin: 160px 0px 0px 385px;
	
}

.contactbox{ 
	    width: 118px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.7em;
        margin: 385px 0px 0px 370px;
	    position: absolute;
	    z-index: 5;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 260px 0px 20px -80px;
	    padding: 0px 20px 20px 10px;
}	
	
/* Hintergrund Unterseite Fotografie * * * * * * * */

.Unterseite_Fotos1{ 
margin: 240px 200px 30px 300px;
max-width: 80%;
}

.Unterseite_Fotos2{ 
margin: 0px 200px 30px 300px;
max-width: 80%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 280px;
}
	
.gotthard_half{ 
	    display: none;
}
	
	
/* Hintergrund Heimat* * * * * * * * */
	
.rahmen_heimat{ 
background: #fff;
margin: 230px 100px 30px 200px;
padding: 30px 30px 40px 30px;
border: #000;
border-style: solid;
border-width: 1px;
max-width: 100%;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 100px 30px 200px;
padding: 30px 30px 40px 30px;
border: #000;
border-style: solid;
border-width: 1px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: -30px 0px 20px 180px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Heimat_Text:hover{ 
	    opacity: 0.9;
}
	
	
/* Hintergrund Levanto * * * * * * * * */

.Levanto_Main{
	 background: #fff;
	 padding: 10px 10px 20px 10px;
	 margin: 230px 300px 0px 0px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub{
	 margin: -570px 0px 0px 530px;
	 float: left;
}

.rahmen_levanto{
	 background: #fff;
	 padding: 30px 30px 40px 30px;
	 margin: 0px 0px 0px 0px;
}

.Levanto_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Levanto_Small{ 
	   display: none;
}
	
/* Hintergrund Portraits * * * * * * * * */
	
.Portraits_Sabine_Small{
	 display: none;
}
	
/* Hintergrund Fashion * * * * * * * * */
	
.Fashion_2012_Small{
	 display: none;
}
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren_Small{
	 display: none;
}


/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 210px 300px 30px 300px;
max-width: 60%;
}


.looks_1_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
        margin: -50px 0px 20px 279px;
}


.looks_2{ 
margin: 0px 300px 30px 300px;
max-width: 60%;
}
	
	
/* Layout Footer* * * * * * * * */
	

.fussleiste{
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 700px;
}
	

.top{ 
	padding: 5px 13px 8px 13px;
	margin: 100px 200px 10px 0px;
	float: right;
	
}

			
/* Hintergrund Illustration * * * * * * * * */	
	
	
.sidebar_illus{ 
	    width: 280px; 
	    height: 310px; 
	    padding: 1em 0em 1em 0.5em;
        margin: 190px 0px 0px 355px;
}
 	
	
.box_Illus_klein{ 
	 display: none;
}
		

.Element_Illu1{
	 margin: 60px 10px 40px 0px;
	 float: right;
}

 
.box_Illus{
	 max-width: 1600px;
	 margin: 0px 0px 0px 600px;
}
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 280px; 
	    height: 310px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 190px 0px 0px 85px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  	
.box_Fotos{
	 max-width: 1900px; 
	 margin: 240px 0px 0px 0px;
}

.box_Fotos_1{
	 max-width: 1900px; 
	 margin: 60px 0px 0px 250px;
}

.fourth_fotos{
	padding: 20px!important;
}

.fourth_fotos1{
	display: none;
}
	
.fourth_fotos1_big{
	padding: 30px!important;
	margin: 0px 0px 0px 300px !important;
}

.fourth_fotos2{
	margin-left: 335px !important;
}
	
.fourth_fotos3{
	display: none;
}
	
.fourth_fotos3_big{
	margin: 0px 0px 0px 110px;
}

.Image_Foto{
    width: 100%;
    hight: auto;
}	


/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 1400px;
	 margin: 140px 0px 0px 550px; 
}
	
.rahmen_small{
	 display: none;
}


.description_ciaociao{
	 max-width: 450px;
	 padding: 15px 20px 0px 20px;
	 margin: -60px -20px 0px 240px;
}


.description_dif{
	 max-width: 400px;
	 padding: 15px 20px 0px 20px;
	 margin: -70px -30px 0px 270px;
}

.description_praxis{
	 max-width: 440px;
	 padding: 15px 20px 0px 20px;
	 margin: -90px -50px 0px 270px;
}

.description_matthias{
	 max-width: 430px;
	 padding: 15px 20px 0px 20px;
	 margin: -60px -30px 0px 270px;
}
	

/* Hintergrund Texte * * * * * * * * */

	
.Textprobe1_small{
	 display: none;
}

.Textprobe2_small{
	 display: none;
}

.Textprobe3_small{
	 display: none;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
	
.box1_small_textundweb{ 
	display: none;
}
	
/* Hintergrund Kontakt * * * * * * * * */
	
	
.box_Kontakt{ 
	display: none;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
	   max-width: 1600px;
	   margin-left: 250px;
}
	
.about_text_medium{ 
	   display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 220px 200px 200px 450px;
	 max-width: 60%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -4px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        max-width: 1100px;
        margin: 160px 200px 50px 450px;
	    padding: 28px 50px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}	

}


@media only screen and (min-width : 1500px ) and ( max-width : 1919px ){
	
.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
	
.box_mobile{
	display: none;	       
}
	
.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 220px 0px 20px -20px;
	    padding: 0px 20px 20px 10px;
	    float: left;
}	
	
	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 210px 300px 30px 300px;
max-width: 70%;
}


.looks_1_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
        margin: -50px 0px 20px 279px;
}


.looks_2{ 
margin: 0px 300px 30px 300px;
max-width: 70%;
}
	
	
	
/* Layout Extras Illustration* * * * * * * * */
	

.sidebar_illus{ 
	    width: 230px; 
	    height: 240px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 190px 0px 0px 145px;
}
 
	
.box_Illus_klein{ 
	 display: none;
}
	
.box_Illus{
	 max-width: 1800px;
	 margin: 0px 0px 0px 320px;
	 float: left;
}

.Container_Illus_1{
	   padding: 16px 30px 0px 0px;
	   margin: 210px -150px 0px 0px;
	   float: left;
}

.Container_Illus_2{
	   padding: 16px 30px 0px 0px;
	    margin: 0px -150px 0px 0px;
	   float: left;
	   
}

.Image_Illu{
	max-width: 100%;
	} 
	
/* Layout Extras Fotografie* * * * * * * * */
	
.sidebar_fotos{ 
	    width: 280px; 
	    height: 310px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 190px 0px 0px 55px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
	
/* Hintergrund Unterseite Fotografie* * * * * * * * */
	
.gotthard_half{ 
	    display: none;
}
 
 .Levanto_Small{ 
	   display: none;
}
	
/* Hintergrund Portraits * * * * * * * * */
	
.Portraits_Sabine_Small{
	 display: none;
}	
	
/* Hintergrund Fashion * * * * * * * * */
	
.Fashion_2012_Small{
	 display: none;
}	
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren_Small{
	 display: none;
}
	
/* Hintergrund Fotografie* * * * * * * * */	

.box_Fotos{
	 max-width: 1900px; 
	 margin: 240px 0px 0px 0px;
}

.box_Fotos_1{
	 max-width: 1900px; 
	 margin: 60px 0px 0px 250px;
}

.fourth_fotos{
	padding: 20px!important;
}

.fourth_fotos1{
	display: none;
}
	
.fourth_fotos1_big{
	padding: 30px!important;
	margin: 0px 0px 0px 280px !important;
}

.fourth_fotos2{
	margin-left: 335px !important;
}
	
.fourth_fotos3{
	display: none;
}
	
.fourth_fotos3_big{
	margin: 0px 15px 0px 90px;
}

.Image_Foto{
    width: 100%;
    hight: auto;
}
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 margin: 140px 0px 0px 220px; 
}
	
.rahmen_small{
	 display: none;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1_small{
	 display: none;
}

.Textprobe2_small{
	 display: none;
}

.Textprobe3_small{
	 display: none;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
	
.box1_small_textundweb{ 
	display: none;
}
	
/* Hintergrund Kontakt * * * * * * * * */
	
	
.box_Kontakt{ 
	display: none;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
	   max-width: 1400px;
	   margin-left: 80px;
}

  .about_bild{ 
	    max-width: 700px;
	    margin: 170px 100px 0px 620px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    padding: 2em 1.2em 1em 1.5em;
        margin: -390px -90px 0px 100px;
} 
	
.about_text_medium{ 
	   display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        max-width: 1100px;
        margin: 160px 200px 50px 300px;
	    padding: 28px 40px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}	
}


@media only screen and (min-width : 1280px ) and ( max-width : 1499px ){
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
/* Navigation * * * * * * * * */
	
	
	ul#navigation{
	margin: 90px 10px 0 0;
}

ul#navigation li{
	display: inline;
	margin: 0 0 0 30px;
}

ul#navigation li a{
	    font-size: 14px;
	    font-size: 0.875rem;
        padding: 7px 5px;
        margin: 0px 10px;

}
	
	
/* Hintergrund Startseite * * * * * * * * */
	
.box_mobile{
	display: none;
	       
}


.sidebar_home{ 
	    width: 230px; 
	    height: 270px; 
	    padding: 0.7em 0em 1em 0.5em;
        margin: 150px 0px 0px 25px;
}

.contactbox{ 
	    width: 118px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.7em;
        margin: 375px 0px 0px 20px;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 220px 0px 20px -20px;
	    padding: 0px 20px 20px 10px;
	    float: left;
}
	
/* Layout Fussleiste* * * * * * * * */	
	
.fussleiste{
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 450px;
}
	

	
/* Layout Extras Illustration* * * * * * * * */
	

.sidebar_illus{ 
	    width: 230px; 
	    height: 240px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 170px 0px 0px 95px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 600;
	    line-height: 30px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 5px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_illus a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}
	

.box_Illus_klein{ 
	 display: none;
}
	
.box_Illus{
	 margin: 0px 0px 0px 180px;
	 float: left;
}

.Container_Illus_1{
	   padding: 16px 0px 0px 0px;
	   margin: 200px -160px 0px 0px;
	   float: left;
}

.Container_Illus_2{
	   padding: 16px 0px 0px 0px;
	   margin: 0px -160px 0px 0px;
	   float: left;
	   
}

.Image_Illu{
	max-width: 100%;
	} 
	
/* Layout Extras Fotografie* * * * * * * * */
	

.sidebar_fotos{ 
	    width: 250px; 
	    height: 240px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 190px 0px 0px 25px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 600;
	    line-height: 30px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif; 
	    padding-bottom: 5px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}
	

	

.box_Fotos{
	 max-width: 1500px; 
	 margin: 240px 0px 0px 0px;
}

.box_Fotos_1{
	 max-width: 1500px; 
	 margin: 60px 0px 0px 250px;
}

.fourth_fotos{
	padding: 20px!important;
}

.fourth_fotos1{
	display: none;
}
	
.fourth_fotos1_big{
	padding: 30px!important;
	margin: 0px 0px 0px 50px !important;
}

.fourth_fotos2{
	margin-left: 335px !important;
}
	
.fourth_fotos3{
	display: none;
}
	
.fourth_fotos3_big{
	margin: 0px 20px 0px 0px;
}

.Image_Foto{
    width: 100%;
    hight: auto;
}	
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 1400px;
	 margin: 140px 0px 0px 50px; 
}

.rahmen_small{
	 display: none;
}


.description_ciaociao{
	 max-width: 380px;
	 padding: 15px 20px 0px 20px;
	 margin: -60px -40px 0px 240px;
}


.description_dif{
	 max-width: 400px;
	 padding: 15px 20px 0px 20px;
	 margin: -70px -10px 0px 230px;
}

.description_praxis{
	 max-width: 440px;
	 padding: 15px 20px 0px 20px;
	 margin: -90px -40px 0px 240px;
}

.description_matthias{
	 max-width: 430px;
	 padding: 15px 20px 0px 20px;
	 margin: -60px -10px 0px 190px;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1_small{
	 display: none;
}

.Textprobe2_small{
	 display: none;
}

.Textprobe3_small{
	 display: none;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
	
.box1_small_textundweb{ 
	display: none;
}
	
/* Hintergrund Kontakt * * * * * * * * */
	
	
.box_Kontakt{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 70px 0px 0px 30px;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 700px;
	    margin: 170px 100px 0px 620px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    padding: 2em 1.2em 1em 1.5em;
        margin: -300px -90px 0px 100px;
} 
	
.about_text_medium{ 
	   display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
/* Hintergrund Unterseiten Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 240px 130px 30px 210px;
max-width: 80%;
}

.Unterseite_Fotos2{ 
margin: 0px 130px 30px 210px;
max-width: 80%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 189px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
	
.gotthard_half{ 
	    display: none;
}
	
	
.Levanto_Sub{
	 margin: -270px 0px 0px 230px;
	 float: left;
}
	
 .Levanto_Small{ 
	   display: none;
}	
	
/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 200px;
	 float: left;
}


.Portraits_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Portraits_Sabine_Small{
	 display: none;
}
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 200px;
	 float: left;
}


.Fashion_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Fashion_2012_Small{
	 display: none;
}
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren{
	 padding: 10px 10px 10px 10px;
	 margin: 250px 30px 200px 200px;
	 float: left;
}


.Figuren_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
.Figuren_Small{
	 display: none;
}
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 210px 100px 200px 350px;
	 max-width: 60%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -10px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

}

@media only screen and (min-width: 980px) and (max-width: 1279px) {
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
/* Navigation * * * * * * * * */
	
	
	ul#navigation{
	margin: 60px 10px 0 0;
}

ul#navigation li{
	display: inline;
	margin: 0 0 0 20px;
}

ul#navigation li a{
	    font-size: 12px;
	    font-size: 0.75rem;
        padding: 7px 5px;
        margin: 0px 10px;

}	

	
/* Hintergrund Startseite * * * * * * * * */
	

.box_mobile{
	display: none;
	       
}

.sidebar_home{ 
	    width: 230px; 
	    height: 270px; 
	    padding: 0.7em 0em 1em 0.5em;
        margin: 150px 0px 0px 25px;
}

.contactbox{ 
	    width: 118px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.7em;
        margin: 375px 0px 0px 20px;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 190px 0px 20px  0px;
	    padding: 0px 20px 20px 10px;
	    float: left;
}	
	
.title2{ 
        margin: -30px 0px 0px 80px;
	    padding: 26px 40px 0px 10px;
	    background: #fff;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 3px 1px;;
	    float: left;
	    z-index: 0;
}
	
.title3{ 
        margin: -12px 0px 20px 70px;
	    padding: 16px 30px 10px 10px;
}


.title4{ 
        margin: -10px 0px 30px 150px;
	    padding: 20px 20px 0px 60px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}


.title5{ 
        margin: -13px 0px 30px 120px;
	    padding: 10px 70px 0px 20px;
	    background: #fff;
	    opacity: 0.7;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title5:hover{
	background: #fff;
	opacity: 0.9;
}
	
	
/* Layout Fussleiste* * * * * * * * */	
	
.fussleiste{
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 290px;
}
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 210px; 
	    height: 250px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 170px 0px 0px 35px;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 22px;
	    font-size: 1.375rem;
	    font-weight: 600;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}
	
/* Hintergrund Unterseiten Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 210px 50px 30px 190px;
max-width: 78%;
}

.Unterseite_Fotos2{ 
margin: 0px 50px 30px 190px;
max-width: 78%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 169px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
	
.gotthard_half{ 
	    display: none;
}
	
	
/* Hintergrund Heimat* * * * * * * * */
	
.rahmen_heimat{ 
margin: 210px 50px 30px 170px;
max-width: 100%;
padding: 30px 30px 40px 30px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 50px 30px 170px;
padding: 30px 30px 40px 30px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0.3em 0.7em 0.1em 0.7em;
        margin: -30px 0px 20px 152px;
}

.Heimat_Text:hover{ 
	    opacity: 0.9;
}
	
/* Hintergrund Levanto * * * * * * * * */

.Levanto_Main{
	 padding: 10px 10px 20px 10px;
	 margin: 230px 100px 0px 100px;
}

.Levanto_Sub{
	 margin: -270px 0px 0px 230px;
	 float: left;
}

.rahmen_levanto{
	 background: #fff;
	 padding: 30px 30px 40px 30px;
	 margin: 0px 0px 0px 0px;
}

.Levanto_Text{ 
	    background: #fff;
	    padding: 0.5em 0.7em 0.3em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}

.Levanto_Text:hover{ 
	    opacity: 0.9;
}
	
 .Levanto_Small{ 
	   display: none;
}	
	
	
/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 padding: 0px 0px 0px 0px;
	 margin: 200px 30px 300px 180px;
	 float: left;
}


.Portraits_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Portraits_Sabine_Small{
	 display: none;
}
	
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 padding: 0px 0px 0px 0px;
	 margin: 200px 30px 300px 180px;
	 float: left;
}


.Fashion_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Fashion_2012_Small{
	 display: none;
}
	

/* Hintergrund Figuren * * * * * * * * */
	
	
.Figuren{
	 padding: 0px 0px 0px 0px;
	 margin: 200px 30px 300px 180px;
	 float: left;
}


.Figuren_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
}
	
	
.Figuren_Small{
	 display: none;
}


	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 160px 100px 30px 55px;
max-width: 90%;
}



.looks_1_Text{ 
	    padding: 0.5em 0.7em 0.3em 0.7em;
        margin: -50px 0px 20px 34px;
}

.looks_2{ 
margin: 0px 100px 30px 55px;
max-width: 90%;
}
	
	
	
/* Layout Extras Illustration* * * * * * * * */
	
.sidebar_illus{ 
	    width: 230px; 
	    height: 270px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 200px 0px 0px 205px;
}

 
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: 0px 0px 0px 400px;
	 float: left;
} 

.Container_Illus_1{
	   padding: 16px 0px 0px 0px;
	   margin: 0px 0px 0px 0px;
	   float: left;
}

.Container_Illus_2{
	   padding: 16px 0px 0px 0px;
	   margin: 0px -160px 0px 0px;
	   float: left;
	   
}

.Image_Illu{
	max-width: 100%;
	} 
	
/* Layout Extras Fotografie* * * * * * * * */

	
.fourth_fotos1_big{
	margin: 230px 0px 0px 205px;
}

.fourth_fotos3_big{
	max-width: 90%; 
	margin: 0px 0px 0px 69px;
}	

.box_Fotos{
	 max-width: 1300px; 
	 margin: 0px 0px 0px 0px;
}

.box_Fotos_1{
	 max-width: 1300px; 
	 margin: 60px 0px 0px 0px;
}

.fourth_fotos{
	padding: 40px!important;
	margin-left: 50px;
	
}

.fourth_fotos1{
	display: none;
}

.fourth_fotos2{
	padding: 0px 0px 30px 0px !important;
	margin-left: 100px !important;
}

.fourth_fotos3{
	display: none;
}

.Image_Foto{
    width: 99%;
    hight: auto;
}	
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 1200px;
	 margin: 140px 0px 0px 0px; 
}
	
.rahmen_small{
	 display: none;
}

.ciaociao_img{
	 padding: 20px 20px 20px 5px;
	 margin: 0px 20px 0px 20px;
}


.dif_img{
	 padding: 20px 20px 20px 5px;
	 margin: 0px 20px 0px 10px;
}

.praxis_img{
	 padding: 20px 20px 20px 5px;
	 margin: -20px 20px 0px 20px;
}


.stephaniematthias_img{
	 padding: 20px 20px 20px 5px;
	 margin: -20px 20px 0px 10px;
}


.description_ciaociao{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -60px 0px 0px 150px;
}


.description_dif{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -67px -10px 0px 150px;
}


.description_praxis{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -67px -40px 0px 150px;
}


.description_matthias{
	 max-width: 490px;
	 padding: 10px 20px 0px 15px;
	 margin: -67px -10px 0px 80px;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1{
	 padding: 30px 90px 20px 22px;
	 margin: 230px -320px 0px 80px;
}

.Textprobe2{
	 padding: 30px 25px 20px 23px;
	 margin: 150px -320px 30px 210px;
}

.Textprobe3{
	 padding: 30px 25px 20px 23px;
	 margin: 0px -320px 150px 210px;
}
	
.Textprobe1_small{
	 display: none;
}

.Textprobe2_small{
	 display: none;
}

.Textprobe3_small{
	 display: none;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
	
.box1_small_textundweb{ 
	display: none;
}

.lunsfigur{ 
        margin: 154px 0px 0px 550px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
	    max-width: 800px;
        margin: 240px 100px 0px 170px;
	    padding: 28px 50px 0px 30px;
}
	

/* Hintergrund Kontakt * * * * * * * * */
	

.box_Kontakt{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 70px 0px 0px 0px;    
}

.kontakt{ 
	    width: 450px;
        margin: 300px 0px 0px -60px;
	    padding: 28px 50px 0px 30px;
}

.mehruebermich{ 
	    width: 450px;
        margin: 20px 0px 0px -60px;
	    padding: 28px 50px 0px 30px;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 500px;
	    margin: 170px 100px 0px 450px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
.about_text_medium{ 
	 padding: 2em 1.2em 1em 1.5em;
     margin: -200px -90px 0px 100px;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 180px 150px 200px 300px;
	 max-width: 60%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0.1em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -13px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        max-width: 1100px;
        margin: 160px 100px 50px 100px;
	    padding: 28px 30px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}	
}

@media only screen and (min-width: 760px) and (max-width: 979px) {
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}

/* Navigation * * * * * * * * */
	

#navigation{
        display: none;
        margin: 0px 0 0;        
}
	
#mobile-menu-btn{ 
	display: inline-table;
	background: #000;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 19px;
	font-size: 1.188rem;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 7px 5px 7px;
	margin: 70px 0px 10px 0px;
	float: right;
}

#navigation{
        display: none;
        margin: 0px 0 0;        
}

ul#navigation li{
	display: block;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
    	text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 400;
	    line-height: 25px;
	    letter-spacing: 2px;
        padding: 0px 20px 0px 20px;
        margin: 30px 0px 10px 10px;   
}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;
}
	
	
.ul_2{ 
font-size: 18px;
font-size: 1.125rem;
}
	
p{ 
font-size: 18px;
font-size: 1.125rem;
}
	

	
/* Hintergrund Startseite * * * * * * * * */
	
.box_mobile{
	display: none;
	       
}

.sidebar_home{ 
	    width: 190px; 
	    height: 270px; 
	    padding: 0.7em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 140px 0px 0px 25px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}

.sidebar_home:hover{ 
	    opacity: 0.8;
	    background: #fff;
	    border-width: 2px 4px 3px 0px;
	    position: absolute;
	    z-index: 1;
}

.sidebar_home a{
        text-transform: uppercase;
	    color: #313030;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 600;
	    letter-spacing: 1px; 
	    padding-bottom: 0px;
	    padding-top: 0px;
}
 

.sidebar_home a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}

.contactbox{ 
	    width: 115px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.5em;
	    opacity: 0.7;
        margin: 370px 0px 0px 20px;
	    position: absolute;
	    z-index: 2;
}

.contactbox:hover{
	    background: #00FF7C;
}

.a_contact{
	    color: #000;
	    letter-spacing: 2px;
	    
}
	
h1{
	font-size: 64px;
	font-size: 4rem;
	line-height: 90px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

h2{ 
	font-size: 64px;
	font-size: 4rem;
	line-height: 49px;
	font-weight: 500;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 200px 0px 20px -20px;
	    padding: 0px 20px 20px 10px;
	    background: #fff;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}


.title2{ 
        margin: -30px 0px 0px 16px;
	    padding: 26px 20px 0px 10px;
}

.title3{ 
        margin: -12px 0px 20px 80px;
	    padding: 16px 30px 10px 10px;
}

.title4{ 
        margin: -10px 0px 30px 110px;
	    padding: 20px 20px 0px 40px;
}

.title5{ 
        margin: -13px 0px 0px 40px;
	    padding: 10px 70px 0px 20px;
}
	
/* Layout Fussleiste* * * * * * * * */	
	
.fussleiste{
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 170px;
}
	
/* Hintergrund Unterseite Fotos* * * * * * * * */
	

/* Hintergrund Heimat* * * * * * * * */
	
	
.rahmen_heimat{ 
margin: 200px 40px 20px 120px;
max-width: 100%;
padding: 30px 30px 40px 30px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 40px 30px 120px;
padding: 30px 30px 40px 30px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0.1em 0.7em 0em 0.7em;
        margin: -30px 0px 20px 100px;
}

.Heimat_Text:hover{ 
	    opacity: 0.9;
}
	
.Unterseite_Fotos1{ 
margin: 200px 40px 20px 130px;
max-width: 77%;
}

.Unterseite_Fotos2{ 
margin: 0px 50px 30px 140px;
max-width: 77%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.2em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 119px;
}
	
	
.gotthard_half{ 
	    display: none;
}
	
/* Hintergrund Levanto * * * * * * * * */

.Levanto_Main{
	 background: #fff;
	 padding: 10px 10px 20px 10px;
	 margin: 230px 50px 0px 110px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub{
	 margin: -170px -20px 0px 240px;
	 float: left;
}

.rahmen_levanto{
	 background: #fff;
	 padding: 20px 20px 30px 20px;
	 margin: 0px 0px 0px 0px;
	 border: #000;
	 border-style: solid;
     border-width: 1px;
}

.Levanto_Text{ 
	    background: #fff;
	    padding: 0.3em 0.7em 0.1em 0.7em;
	    opacity: 0.8;
        margin: 0px 0px 0px -20px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}

.Levanto_Text:hover{ 
	    opacity: 0.9;
}
	

.Levanto_Small{
	display: none;
}
	

/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 display: none;
}
	
.Portraits_Sabine_Small{
	 margin: 200px -80px 0px 130px;
	 float: left;
}
	
.Portait_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	

/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 display: none;
}
	
.Fashion_2012_Small{
	 margin: 200px -80px 0px 130px;
	 float: left;
}
	
.Fashion_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren{
	 display: none;
}	
	
.Figuren_Small{
	 margin: 200px -80px 0px 130px;
	 float: left;
}
	
.Figuren_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Figuren_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}

.rahmen_figuren_small{ 
        margin: 0px 0px 10px 0px;
}

	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 160px 100px 30px 50px;
max-width: 88%;
}


.looks_1_Text{ 
	    padding: 0.3em 0.7em 0.1em 0.7em;
        margin: -50px 0px 20px 30px;
}

.looks_2{ 
margin: 0px 100px 30px 50px;
max-width: 88%;
}
	
/* Hintergrund Illus * * * * * * * * */
	
.sidebar_illus{ 
	    width: 250px; 
	    height: 270px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 200px 0px 0px 75px;
}
	
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: -190px 0px 0px 220px;
	 float: left;
} 
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 170px; 
	    height: 220px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 170px 0px 0px 20px;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 16px;
	    font-size: 1rem;
	    font-weight: 600;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}
		
.fourth_fotos1_big{
	margin: 218px 70px 0px 140px;
}

.fourth_fotos3_big{
	 margin: 0px 34px 0px 13px;
}	

.box_Fotos{
	 margin: 0px 0px 0px 0px;
}

.box_Fotos_1{
	 margin: 60px 0px 0px 0px;
}

.fourth_fotos{
	padding: 10px!important;
	margin-left: 20px;
	margin-right: 20px;
	
}

.fourth_fotos1{
	display: none;
}

.fourth_fotos2{
	padding: 10px 0px 10px 0px !important;
	margin-left: 32px !important;
}

.fourth_fotos3{
	display: none;
}

.Image_Foto{
    width: 100%;
    hight: auto;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1_small{
	 display: none;
}

.Textprobe2_small{
	 display: none;
}

.Textprobe3_small{
	 display: none;
}
	
.Textprobe1{
	 padding: 30px 95px 20px 25px;
	 margin: 180px -250px 0px 10px;
}

.Textprobe2{
	  padding: 30px 25px 20px 25px;
	 margin: 100px -270px 30px 110px;
}

.Textprobe3{
	  padding: 30px 25px 20px 25px;
	 margin: 0px -270px 30px 110px;
}
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 980px;
	 margin: 140px 0px 0px 0px; 
}
	
.rahmen_small{
	 display: none;
}

.ciaociao_img{
	 padding: 20px 5px 20px 5px;
	 margin: 0px 10px 0px 20px;
}


.dif_img{
	 padding: 20px 5px 20px 5px;
	 margin: 0px 10px 0px 10px;
}

.praxis_img{
	 padding: 20px 5px 20px 5px;
	 margin: -90px 10px 0px 20px;
}


.stephaniematthias_img{
	 padding: 20px 5px 20px 5px;
	 margin: -30px 10px 0px 10px;
}


.description_ciaociao{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -56px 0px 0px -3px;
}


.description_dif{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -60px -10px 0px 50px;
}


.description_praxis{
	 max-width: 370px;
	 padding: 10px 20px 0px 15px;
	 margin: -67px -40px 0px 50px;
}


.description_matthias{
	 max-width: 490px;
	 padding: 10px 20px 0px 15px;
	 margin: -67px -10px 0px 30px;
}
	
	
/* Hintergrund Text und Web * * * * * * * * */
	
	
.box1_small_textundweb{ 
	display: none;
}

.lunsfigur{ 
        margin: 134px 0px 0px 370px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
	    max-width: 600px;
        margin: 220px 70px 0px 90px;
	    padding: 28px 50px 0px 30px;
}
	
/* Hintergrund Kontakt * * * * * * * * */
	
	
.box_Kontakt{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 70px -20px 0px 0px;   
}

.kontakt{ 
	    width: 450px;
        margin: 270px 0px 0px -100px;
	    padding: 28px 50px 0px 30px;
}

.mehruebermich{ 
	    width: 450px;
        margin: 30px 0px 0px -100px;
	    padding: 28px 50px 0px 30px;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 500px;
	    margin: 170px 30px 0px 380px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
.about_text_medium{ 
	 padding: 2em 1.2em 1em 1.5em;
     margin: -200px -70px 0px 50px;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 180px 60px 200px 200px;
	 max-width: 60%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -10px 0px 0px -15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        margin: 160px 10px 50px 10px;
	    padding: 28px 20px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

}

@media only screen and (min-width: 600px) and (max-width: 759px) {
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	

/* Layout Fussleiste* * * * * * * * */	
	
.fussleiste{
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 70px;
}	
	
.top{ 
	padding: 5px 13px 8px 13px;
	margin: 180px 0px 0px 0px;
	float: right;
}

	
/* Navigation* * * * * * * * */
	
#navigation{
        display: none;
        margin: 0px 0 0;        
}
	
#mobile-menu-btn{ 
	display: inline-table;
	background: #000;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 19px;
	font-size: 1.188rem;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 7px 5px 7px;
	margin: 60px -5px 10px 0px;
	float: right;
}

#navigation{
        display: none;
        margin: 0px 0 0;        
}

ul#navigation li{
	display: block;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
    	text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 400;
	    line-height: 25px;
	    letter-spacing: 2px;
        padding: 0px 20px 0px 20px;
        margin: 30px 0px 10px 10px;

}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;

}
	
h3{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 50px;
	font-size: 3.125rem;
	line-height: 48px;
	font-weight: 300;
}
	
		
.ul_2{ 
font-size: 18px;
font-size: 1.125rem;
}
	
p{ 
font-size: 18px;
font-size: 1.125rem;
}
			
	
/* Hintergrund Startseite * * * * * * * * */
	
.box_mobile{
	display: none;       
}

.sidebar_home{ 
	    width: 140px; 
	    height: 280px; 
	    padding: 0.7em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 130px 0px 0px 15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}

.sidebar_home:hover{ 
	    opacity: 0.8;
	    background: #fff;
	    border-width: 2px 4px 3px 0px;
	    position: absolute;
	    z-index: 1;
}

.sidebar_home a{
        text-transform: uppercase;
	    color: #313030;
	    font-size: 25px;
	    font-size: 1.6rem;
	    font-weight: 600;
	    line-height: 23px;
	    letter-spacing: 1px; 
	    padding-bottom: 0px;
	    padding-top: 0px;
}
 

.sidebar_home a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}

.contactbox{ 
	    width: 115px; 
	    height: 50px; 
	    padding: 0.7em 0.2em 1em 0.5em;
	    opacity: 0.7;
        margin: 360px 0px 0px 10px;
	    position: absolute;
	    z-index: 2;
}

.contactbox:hover{
	    background: #00FF7C;
}

.a_contact{
	    color: #000;
	    letter-spacing: 2px;
	    
}
	
h1{
	font-size: 59px;
	font-size: 3.688rem;
	line-height: 85px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

h2{ 
	font-size: 59px;
	font-size: 3.688rem;
	line-height: 49px;
	font-weight: 500;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 140px 0px 20px -80px;
	    padding: 0px 20px 30px 10px;
	    background: #fff;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
	    z-index: 1;
	    position: absolute;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}


.title2{ 
        margin: 390px 0px 0px -80px;
	    padding: 26px 30px 0px 10px;
	    opacity: 0.8;
	    position: absolute;
}

.title3{ 
        margin: 520px 0px 20px 0px;
	    padding: 16px 30px 10px 10px;
	    opacity: 0.8;
	    position: absolute;
}

.title4{ 
        margin: 630px 0px 30px 20px;
	    padding: 20px 20px 0px 40px;
	    opacity: 0.8;
	    position: absolute;
}

.title5{ 
        margin: 730px 0px 0px 80px;
	    padding: 10px 70px 0px 20px;
	    opacity: 0.8;
	    position: absolute;
}
	
/* Hintergrund Unterseite Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 190px 20px 30px 130px;
max-width: 75%;
}

.Unterseite_Fotos2{ 
margin: 0px 20px 30px 130px;
max-width: 75%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.1em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 110px;
}
	
.gotthard_full{ 
	    display: none;
	
}	
	
.gotthard_half{ 
	    margin: 50px 0px 50px 100px;
}
	
.Unterseite_Fotos_Text_hoch{ 
	    padding: 0.1em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 10px;
}
	
	
/* Hintergrund Heimat* * * * * * * * */
	
	
.rahmen_heimat{ 
margin: 160px 20px 20px 120px;
max-width: 100%;
padding: 30px 30px 40px 30px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 20px 30px 120px;
padding: 30px 30px 40px 30px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0.1em 0.7em 0em 0.7em;
        margin: -35px 0px 20px 100px;
}

.Heimat_Text:hover{ 
	    opacity: 0.9;
}
	
	
/* Hintergrund Levanto * * * * * * * * */
	
.Levanto_Big{
	 display: none;
}
	
.Levanto_Main_small{
	 padding: 10px 10px 20px 10px;
	 margin: 280px 30px 0px 90px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub_small{
	 margin: -330px 0px 0px 50px;
	 float: left;
}

.rahmen_levanto_small{
	 padding: 10px 10px 20px 10px;
	 margin: 0px 0px 10px 0px;
}

.Levanto_Text_small{ 
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -20px 0px 0px -20px;
	    float: left;
}
	

/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 display: none;
}
	
.Portraits_Sabine_Small{
	 margin: 200px -180px 0px 130px;
	 float: left;
}
	
.Portait_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Portraits_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 display: none;
}
	
.Fashion_2012_Small{
	 margin: 200px -180px 0px 130px;
	 float: left;
}
	
.Fashion_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Fashion_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren{
	 display: none;
}
	
.Figuren_Small{
	 margin: 200px -180px 0px 130px;
	 float: left;
}
	
.Figuren_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Figuren_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
.rahmen_figuren_small{ 
        margin: 0px 0px 10px 0px;
}
	

/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 160px 100px 30px 40px;
max-width: 85%;
}


.looks_1_Text{ 
	    padding: 0.5em 0.7em 0.3em 0.7em;
        margin: -75px 0px 20px 0px;
}
	

.looks_2{ 
margin: 0px 100px 30px 40px;
max-width: 85%;
}
	
/* Hintergrund Illus * * * * * * * * */
	
.sidebar_illus{ 
	    width: 195px; 
	    height: 220px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
        margin: 170px 0px 0px 40px;
}
 
  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 18px;
	    font-size: 1.125rem;
	    font-weight: 600;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif; 
}
	
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: -210px 0px 0px 70px;
	 float: left;
}
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 165px; 
	    height: 220px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 150px 0px 0px 20px;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 16px;
	    font-size: 1rem;
	    font-weight: 600;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
}
	
	
	
.fourth_fotos1_big{
	margin: 218px 70px 0px 100px;
}

.fourth_fotos3_big{
	 margin: 0px 34px 0px 13px;
}	

.box_Fotos{
	 margin: 0px 0px 0px 0px;
}

.box_Fotos_1{
	 margin: 60px 0px 0px 0px;
}

.fourth_fotos{
	padding: 10px!important;
	margin-left: 20px;
	margin-right: 20px;
	
}

.fourth_fotos1{
	display: none;
}

.fourth_fotos2{
	padding: 10px 0px 10px 0px !important;
	margin-left: 32px !important;
}

.fourth_fotos3{
	display: none;
}

.Image_Foto{
    width: 95%;
    hight: auto;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1{
	 display: none;
}

.Textprobe2{
	 display: none;
}

.Textprobe3{
	 display: none;
}

.Textprobe1_small{
	 padding: 30px 25px 20px 25px;
	 margin: 40px 10px 0px 40px;
}

.Textprobe2_small{
	 padding: 30px 25px 20px 25px;
	 margin: 0px 10px 30px 40px;
}

.Textprobe3_small{
	 padding: 30px 25px 20px 25px;
	 margin: 0px 10px 150px 40px;
}
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 max-width: 780px;
	 margin: 140px 0px 0px 0px; 
}
	
.rahmen_small{
	 display: none;
}

.ciaociao_img{
	 padding: 3px 5px 0px 2px;
	 margin: 0px 0px 0px 10px;
}


.dif_img{
	 padding: 3px 5px 0px 2px;
	 margin: 70px 0px 0px 0px;
}

.praxis_img{
	 padding: 3px 5px 0px 2px;
	 margin: -50px 0px 0px 0px;
}


.stephaniematthias_img{
	 padding: 0px 0px 0px 0px;
	 margin: 0px 0px 0px -60px;
}


.description_ciaociao{
	 max-width: 370px;
	 padding: 10px 10px 0px 10px;
	 margin: -28px 0px 0px -5px;
}


.description_dif{
	 max-width: 370px;
	 padding: 10px 10px 0px 10px;
	 margin: -35px -10px 0px -20px;
}


.description_praxis{
	 max-width: 370px;
	 padding: 10px 10px 0px 10px;
	 margin: -39px -50px 0px -5px;
}


.description_matthias{
	 max-width: 490px;
	 padding: 10px 10px 0px 10px;
	 margin: -30px -10px 0px 50px;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
.box1_small_textundweb{ 
        display: none;
}


.lunsfigur{ 
        margin: 134px 0px 0px 250px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
        margin: 220px 20px 0px 20px;
	    padding: 28px 50px 0px 30px;
}
	

/* Hintergrund Kontakt * * * * * * * * */


.box_kontakt_big{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 70px 0px 0px 0px;   
}

.kontakt{ 
	    width: 440px;
        margin: 250px 0px 0px 60px;
	    padding: 28px 50px 0px 30px;
}

.mehruebermich{ 
	    width: 440px;
        margin: 20px 0px 0px 60px;
	    padding: 28px 50px 0px 30px;
}
	
.kontakt_small{ 
	    display: none;
}

.mehruebermich_small{ 
	    display: none;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 400px;
	    margin: 170px 20px 0px 0px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
.about_text_medium{ 
	 padding: 2em 1.2em 1em 1.5em;
     margin: -120px -170px 0px 0px;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 150px 0px 200px 130px;
	 max-width: 69%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -10px 0px 0px -15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        margin: 160px 10px 50px 10px;
	    padding: 28px 20px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}
}

@media only screen and (min-width: 450px) and (max-width: 599px) {
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
.fussleiste{
	color: #fff;
	opacity: 0.8;
	font-size: 12px;
	font-size: 0.75rem;
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 10px 0px;
}	
	
	
/* Navigation * * * * * * * * */
	

#navigation{
        display: none;
        margin: 0px 0 0;        
}
	
#mobile-menu-btn{ 
	display: inline-table;
	background: #000;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 19px;
	font-size: 1.188rem;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 7px 5px 7px;
	margin: 56px -5px 0px 0px;
	float: right;
}

#navigation{
        display: none;
        margin: 0px 0 0;        
}

ul#navigation li{
	display: block;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
    	text-transform: uppercase;
	    font-size: 28px;
	    font-size: 1.75rem;
	    font-weight: 400;
	    line-height: 25px;
	    letter-spacing: 2px;
        padding: 17px 20px 17px 20px;
        margin: 30px 0px 10px 10px;
}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;
}
	

	
	
/* Hintergrund Startseite * * * * * * * * */
	
.box_mobile{
	display: none;
	       
}
	
.sidebar_home{ 
	    display: none;
}

 
.sidebar_home a:hover, .active{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}

.contactbox{ 
	    display: none;
}

.contactbox:hover{
	    background: #00FF7C;
}

.a_contact{
	    color: #000;
	    letter-spacing: 2px;
	    
}
	
h1{
	font-size: 52px;
	font-size: 3.25rem;
	line-height: 80px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

h2{ 
	font-size: 52px;
	font-size: 3.25rem;
	line-height: 40px;
	font-weight: 500;
}


.line1{
	margin: -30px 0px 30px -70px;	
}

.title{ 
        margin: 110px 0px 20px -135px;
	    padding: 0px 20px 20px 10px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 2px 4px 1px;
	    float: left;
	    z-index: 1;
	    position: absolute;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}


.title2{ 
        margin: 330px 0px 0px -130px;
	    padding: 26px 20px 0px 10px;
	    opacity: 0.8;
	    position: absolute;
}

.title3{ 
        margin: 460px 0px 20px -60px;
	    padding: 16px 20px 10px 10px;
	    opacity: 0.8;
	    position: absolute;
}

.title4{ 
        margin: 560px 0px 30px -40px;
	    padding: 20px 20px 0px 40px;
	    opacity: 0.8;
	    position: absolute;
}

.title5{ 
        margin: 650px 0px 30px 30px;
	    padding: 10px 70px 0px 20px;
	    opacity: 0.8;
	    position: absolute;
}
	
.top{ 
	padding: 5px 13px 8px 13px;
	margin: 160px 0px 0px 0px;
	float: right;
}
	
/* Hintergrund Unterseite Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 169px 0px 20px 90px;
max-width: 75%;
}

.Unterseite_Fotos2{ 
margin: 0px 0px 20px 90px;
max-width: 75%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0.1em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -40px 0px 20px 69px;
}
	
.gotthard_full{ 
	    display: none;
	
}
	
.gotthard_half{ 
	    margin: 30px 10px 50px 50px;
}
	
.Unterseite_Fotos_Text_hoch{ 
	    background: #fff;
	    padding: 0.1em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -50px 0px 20px 9px;
}
	
	
/* Hintergrund Heimat* * * * * * * * */
	
	
.rahmen_heimat{ 
margin: 160px 0px 20px 100px;
max-width: 100%;
padding: 20px 20px 30px 20px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 0px 30px 100px;
padding: 20px 20px 30px 20px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -35px 0px 20px 80px;
}

.Heimat_Text:hover{ 
	    opacity: 0.9;
}
	
/* Hintergrund Levanto * * * * * * * * */
	
.Levanto_Big{
	 display: none;
}
	
.Levanto_Main_small{
	 padding: 10px 10px 20px 10px;
	 margin: 240px 30px 0px 50px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub_small{
	 margin: -230px 0px 0px 10px;
	 float: left;
}

.rahmen_levanto_small{
	 padding: 10px 10px 20px 10px;
	 margin: 0px 0px 10px 0px;
}

.Levanto_Text_small{ 
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -20px 0px 0px -20px;
	    float: left;
}
	
/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 display: none;
}
	
.Portraits_Sabine_Small{
	 margin: 150px -180px 0px 100px;
	 float: left;
}
	
.Portait_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Portraits_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 display: none;
}
	
.Fashion_2012_Small{
	 margin: 150px -180px 0px 100px;
	 float: left;
}
	
.Fashion_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Fashion_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Figuren * * * * * * * * */
	
.Figuren{
	 display: none;
}
	
.Figuren_Small{
	 margin: 150px -180px 0px 100px;
	 float: left;
}
	
.Figuren_Hochformat{
	 margin: 0px 30px 15px 0px;
	 float: left;
}
	
.Figuren_Text_Hochformat{ 
	    padding: 0.1em 0.7em 0.1em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
.rahmen_figuren_small{
	 margin: 0px 0px 10px 0px;
}
	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 160px 20px 30px 25px;
max-width: 90%;
}


.looks_1_Text{ 
	    padding: 0.2em 0.7em 0.1em 0.7em;
        margin: -57px 0px 0px 5px;
}


.looks_2{ 
margin: 0px 20px 30px 25px;
max-width: 90%;
}
	
/* Hintergrund Illus * * * * * * * * */
	
.sidebar_illus{ 
	    width: 175px; 
	    height: 220px; 
	    padding: 1em 0em 1em 0.5em;
	    opacity: 0.7;
        margin: 170px 0px 0px 40px;
}

  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 18px;
	    font-size: 1.125rem;
	    font-weight: 600;
	    line-height: 25px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
}
	
.sidebar_illus a:hover, .active{
	    color: #000;
	    padding: 10px 20px 10px 20px;    
}
	
	
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: -220px 0px 0px 70px;
	 float: left;
}
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 143px; 
	    height: 170px; 
	    padding: 0.7em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 130px 0px 0px 23px;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 14px;
	    font-size: 0.875rem;
	    font-weight: 600;
	    line-height: 10px;
	    letter-spacing: 1px;
	     font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 10px 20px 10px 20px;    
}
	
	
.fourth_fotos1_big{
	display: none;	
}

.fourth_fotos3_big{
	display: none;
}	

.box_Fotos{
	 margin: 0px 0px 0px 0px;
}

.box_Fotos_1{
	 margin: 00px 0px 0px 0px;
}

.fourth_fotos{
	padding: 10px!important;
	margin-left: 80px;
	margin-right: 20px;
	margin-bottom: 50px;
	
}

.fourth_fotos1{	
	padding: 0px;
	margin: 180px 20px 0px 150px !important;
	
}
	
.fourth_fotos2{
	padding: 10px 0px 10px 0px !important;
	margin-left: 120px !important;
}


.Image_Foto_big{
    width: 100%;
    hight: auto;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1{
	 display: none;
}

.Textprobe2{
	 display: none;
}

.Textprobe3{
	 display: none;
}
	
.Textprobe1_small{
	 padding: 20px 20px 20px 15px;
	 margin: 50px 0px 0px 10px;
}

.Textprobe2_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 30px 10px;
}

.Textprobe3_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 150px 10px;
}
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 display: none;
}
	
.ciaociao_img{
	 padding: 3px 5px 0px 2px;
	 margin: 0px 30px 0px 40px;
}


.dif_img{
	 padding: 3px 5px 0px 2px;
	 margin: -20px 30px 0px 40px;
}

.praxis_img{
	 padding: 3px 5px 0px 2px;
	 margin: -20px 30px 0px 40px;
}


.stephaniematthias_img{
	 padding: 0px 0px 0px 0px;
	 margin: -20px 30px 0px 40px;
}


.description_ciaociao{
	 max-width: 305px;
	 padding: 10px 10px 0px 15px;
	 margin: -38px 0px 0px 15px;
}


.description_dif{
	 max-width: 320px;
	 padding: 10px 10px 0px 15px;
	 margin: -38px 0px 0px 15px;
}


.description_praxis{
	 max-width: 310px;
	 padding: 10px 10px 0px 15px;
	 margin: -45px 0px 0px 25px;
}


.description_matthias{
	 max-width: 390px;
	 padding: 10px 10px 0px 15px;
	 margin: -40px 50px 0px 10px;
}
	
h4{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 37px;
	font-size: 2.313rem;
	line-height: 48px;
	font-weight: 300;
}
	
p{  
	font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
	font-size: 17px;
	font-size: 1.063rem;
	letter-spacing: 0.15px;
	line-height: 24px;
	margin-bottom: 23px;
}
	
.ul_2{ 
font-size: 17px;
font-size: 1.063rem;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
.box1_textundweb{ 
        display: none;
}


.lunsfigur{ 
        margin: 135px 0px 0px 150px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
        margin: 220px 20px 0px 20px;
	    padding: 28px 50px 0px 30px;
}
	
/* Hintergrund Kontakt * * * * * * * * */


.box_kontakt_big{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 50px -20px 0px 0px;   
}

.kontakt{ 
	    width: 410px;
        margin: 200px 0px 0px 0px;
	    padding: 28px 10px 0px 10px;
}

.mehruebermich{ 
	    width: 410px;
        margin: 20px 0px 0px 0px;
	    padding: 28px 50px 0px 10px;
}
	
.kontakt_small{ 
	    display: none;
}

.mehruebermich_small{ 
	    display: none;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 370px;
	    margin: 170px 20px 0px 0px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	   display: none;
} 
	
.about_text_medium{ 
	 padding: 2em 1.2em 1em 1.5em;
     margin: -97px -207px 0px 0px;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 130px 0px 200px 100px;
	 max-width: 72%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -10px 0px 0px -15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        margin: 130px 0px 50px 0px;
	    padding: 28px 20px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}
}

@media only screen and (min-width: 350px) and (max-width: 449px) {
	
	.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
.fussleiste{
	color: #fff;
	opacity: 0.8;
	font-size: 10px;
	font-size: 0.625rem;
	padding: 0px 7px 0px 7px;
	margin: 7px 0px 8px 10px;
}	

/* Navigation * * * * * * * * */
	

#navigation{
        display: none;
        margin: 0px 0 0;        
}
	
#mobile-menu-btn{ 
	display: inline-table;
	background: #000;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 7px 5px 7px;
	margin: 50px 0px 0px 0px;
	float: right;
}

#navigation{
        display: none;
        margin: 0px 0 0;        
}

ul#navigation li{
	display: block;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
    	text-transform: uppercase;
	    font-size: 22px;
	    font-size: 1.375rem;
	    font-weight: 400;
	    line-height: 25px;
	    letter-spacing: 2px;
        padding: 0px 20px 17px 0px;
        margin: 30px 0px 10px 10px;
}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;
}	
	
		
/* Hintergrund Startseite * * * * * * * * */
	
.box1{
	    display: none;    
}

	
.sidebar_home{ 
	    display: none;
}


.sidebar_home a{
	    display: none;
}
 

.sidebar_home a:hover{
	    color: #000;
	    padding: 13px 30px 13px 30px;    
}

.contactbox{ 
	    display: none;
}



.a_contact{
	    color: #000;
	    letter-spacing: 2px;
	    
}
	
h1{
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 0px;
   letter-spacing: 0px;
}

h2{ 
	font-size: 38px;
	font-size: 2.375rem;
	line-height: 28px;
	font-weight: 500;
	
}


.line1{
	margin: -20px 0px 26px -30px;
}
	
.a_title_headline{
	font-family: "baskerville-display-pt", Times New Roman, serif;
	padding: 4px 10px 1px 0px;

}

.title{ 
        margin: 35px 10px 20px 0px;
	    padding: 0px 15px 12px 10px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 3px 5px 1px;
	    z-index: 0;
	    position: absolute;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}


.title2{ 
        margin: 190px 0px 0px 0px;
	    padding: 26px 7px 0px 10px;
	    opacity: 0.8;
	    border-width: 1px 7px 4px 1px;
	    position: absolute;
	    z-index: 1;
}
	
.title2:hover{
	background: #fff;
	opacity: 0.9;
}

.title3{ 
        margin: 305px 0px 20px 60px;
	    padding: 16px 20px 10px 10px;
	    opacity: 0.8;
	    border-width: 1px 10px 5px 1px;
	    position: absolute;
	    z-index: 1;
}

.title4{ 
        margin: 395px 0px 30px 80px;
	    padding: 20px 10px 0px 20px;
	    opacity: 0.8;
	    border-width: 1px 4px 5px 1px;
	    position: absolute;
	    z-index: 1;
}
	
.title4:hover{
	background: #fff;
	opacity: 0.9;
}

.title5{ 
        margin: 485px 0px 30px 50px;
	    padding: 10px 70px 10px 20px;
	    opacity: 0.8;
	    border-width: 1px 6px 4px 1px;
	    position: absolute;
	    z-index: 1;
}	
	
.title5:hover{
	background: #fff;
	opacity: 0.9;
}
	
.top{ 
	padding: 5px 13px 8px 13px;
	margin: 100px 0px 0px 0px;
	float: right;
}
	
/* Hintergrund Unterseite Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 180px 20px 20px 67px;
max-width: 76%;
}

.Unterseite_Fotos2{ 
margin: 0px 20px 20px 67px;
max-width: 76%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0em 0.5em 0em 0.5em;
	    opacity: 0.8;
        margin: -40px 0px 20px 46px;
}
	
.gotthard_full{ 
	    display: none;
	
}
	
.gotthard_half{ 
	    margin: 20px 20px 50px 40px;
	
}
	
.Unterseite_Fotos_Text_hoch{ 
	    background: #fff;
	    padding: 0em 0.5em 0em 0.5em;
}
	
/* Hintergrund Heimat* * * * * * * * */
	
	
.rahmen_heimat{ 
margin: 120px 0px 20px 80px;
max-width: 100%;
padding: 10px 10px 20px 10px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 0px 20px 80px;
padding: 20px 20px 30px 20px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -25px 0px 20px 60px;
}	

	
/* Hintergrund Levanto * * * * * * * * */
	
.Levanto_Big{
	 display: none;
}
	
.Levanto_Main_small{
	 padding: 10px 10px 20px 10px;
	 margin: 170px 30px 0px 30px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub_small{
	 margin: -130px 0px 0px 0px;
	 float: left;
}

.rahmen_levanto_small{
	 padding: 10px 10px 20px 10px;
	 margin: 0px 0px 10px 0px;
}

.Levanto_Text_small{ 
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -20px 0px 0px -20px;
	    float: left;
}
	
/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 display: none;
}
	
.Portraits_Sabine_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Portait_Hochformat{
	 margin: 0px 30px 10px 0px;
	 float: left;
}
	
.Portraits_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 display: none;
}
	
.Fashion_2012_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Fashion_Hochformat{
	 margin: 0px 30px 10px 0px;
	 float: left;
}
	
.Fashion_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
	
/* Hintergrund Figuren * * * * * * * * */
	
	
.Figuren{
	 display: none;
}
	
.Figuren_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Figuren_Hochformat{
	 margin: 0px 30px 10px 0px;
	 float: left;
}
	
.Figuren_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
.rahmen_figuren_small{
	 margin: 0px 0px 10px 0px;
}
	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 120px 20px 30px 17px;
max-width: 90%;
}


.looks_1_Text{ 
	    padding: 0.1em 0.7em 0em 0.7em;
        margin: -55px 0px 0px -3px;

}
	

.looks_2{ 
margin: 0px 20px 30px 17px;
max-width: 90%;
}
	
/* Hintergrund Illus * * * * * * * * */
	
.sidebar_illus{ 
	    width: 125px; 
	    height: 160px; 
	    padding: 0.5em 0em 1em 0.3em;
	    opacity: 0.7;
	    background: #fff;
        margin: 120px 0px 0px 30px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 12px;
	    font-size: 0.75rem;
	    font-weight: 600;
	    line-height: 10px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_illus a:hover, .active{
	    color: #000;
	    padding: 10px 0px 10px 0px;    
}	

	
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: -270px -10px 0px 20px;
	 float: left;
}
	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 125px; 
	    height: 160px; 
	    padding: 0.5em 0em 1em 0.3em;
	    opacity: 0.7;
	    background: #fff;
        margin: 120px 0px 0px 10px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 12px;
	    font-size: 0.75rem;
	    font-weight: 600;
	    line-height: 10px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 10px 0px 10px 0px;    
}
	
.Element_Fotos{
	 max-width: 50%;
	 margin: 0px 0px 0px -45px;
}
	
.fourth_fotos1_big{
	display: none;	
}

.fourth_fotos3_big{
	display: none;
}	

.box_Fotos{
	 margin: 10px 0px 0px 0px;
}

.box_Fotos_1{
	 margin: 0px 0px 0px 0px;
}

.fourth_fotos{
	padding: 5px!important;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 50px;
	
}

.fourth_fotos1{	
	padding: 0px;
	margin: 180px -20px 0px 20px !important;
	
}
	
.fourth_fotos2{
	padding: 5px 0px 5px 20px !important;
	margin-left: 15px !important;
}
	
	
.fourth_fotos3{
	padding: 10px 20px 0px 20px;
	margin-left: 15px !important;
}


.Image_Foto{
    width: 90%;
    hight: auto;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1{
	 display: none;
}

.Textprobe2{
	 display: none;
}

.Textprobe3{
	 display: none;
}
	
.Textprobe1_small{
	 padding: 20px 20px 20px 15px;
	 margin: 50px 0px 0px 10px;
}

.Textprobe2_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 30px 10px;
}

.Textprobe3_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 150px 10px;
}
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 display: none;
}
	
.ciaociao_img{
	 padding: 3px 5px 0px 2px;
	 margin: 0px 0px 0px 20px;
}


.dif_img{
	 padding: 3px 2px 0px 2px;
	 margin: -20px 0px 0px 20px;
}

.praxis_img{
	 padding: 3px 5px 0px 2px;
	 margin: -20px 0px 0px 20px;
}


.stephaniematthias_img{
	 padding: 0px 0px 0px 0px;
	 margin: -20px 0px 0px 20px;
}


.description_ciaociao{
	 max-width: 305px;
	 padding: 5px 10px 0px 10px;
	 margin: -37px 50px 0px 0px;
}


.description_dif{
	 max-width: 320px;
	 padding: 5px 10px 0px 10px;
	 margin: -55px 25px 0px -5px;
}


.description_praxis{
	 max-width: 310px;
	 padding: 5px 10px 0px 10px;
	 margin: -55px -10px 0px 5px;
}


.description_matthias{
	 max-width: 390px;
	 padding: 5px 10px 0px 10px;
	 margin: -40px 30px 0px -5px;
}
	
h5{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 28px;
	font-weight: 300;
	margin-bottom: 10px;
}	

	
h4{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 34px;
	font-size: 2.125rem;
	line-height: 48px;
	font-weight: 300;
}
	
p{  
	font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
	font-size: 17px;
	font-size: 1.063rem;
	letter-spacing: 0.15px;
	line-height: 25px;
	margin-bottom: 23px;
}
	
.ul_2{ 
font-size: 17px;
font-size: 1.063rem;
line-height: 25px;
margin-left: 20px;
}
	
	
/* Hintergrund Text und Web * * * * * * * * */
	
.box1_textundweb{ 
        display: none;
}


.lunsfigur{ 
        margin: 135px 0px 0px 55px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
        margin: 220px 0px 0px 0px;
	    padding: 28px 20px 0px 20px;
	    opacity: 0.9;
}
	
.webtext:hover{
	background: #fff;
	opacity: 1;
}
	
/* Hintergrund Kontakt * * * * * * * * */


.box_kontakt_big{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 120px 10px 0px 0px;   
}

.kontakt{ 
	    display: none;
}

.mehruebermich{ 
	   display: none;
}
	
.kontakt_small{ 
	    width: 280px;
        margin: 200px 0px 0px 20px;
	    padding: 28px 50px 0px 20px;
}

.mehruebermich_small{ 
	    width: 280px;
        margin: 20px 0px 0px 20px;
	    padding: 28px 50px 0px 20px;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 300px;
	    margin: 170px 10px 0px 0px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	 padding: 2em 1em 1em 1em;
     margin: -97px -150px 0px -10px;  
} 
	
.about_text_medium{ 
	 display: none;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 180px 0px 200px 0px;
	 max-width: 100%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -14px 0px 0px -15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        margin: 100px 0px 30px 0px;
	    padding: 28px 20px 0px 20px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}
}

@media only screen and (max-width: 350px) {
	
.wrapper2{
        margin: 0 auto;
        overflow: hidden;
	    background: url('../images/Hintergrund_Looks.jpg');
        top: 0;
	    padding-bottom: 0px;
}
	
.fussleiste{
	color: #fff;
	opacity: 0.8;
	font-size: 10px;
	font-size: 0.625rem;
	padding: 0px 7px 0px 7px;
	margin: 7px 0px 8px 60px;
}
	
/* Navigation * * * * * * * * */
	

#navigation{
        display: none;
        margin: 0px 0 0;        
}
	
#mobile-menu-btn{ 
	display: inline-table;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-size: 16px;
	font-size: 1rem;
	text-decoration: none;
	border: 1px solid #000;
	padding: 3px 7px 5px 7px;
	margin: 50px 5px 0px 0px;
	float: right;
}

#navigation{
        display: none;
        margin: 0px 0 0;        
}

ul#navigation li{
	display: block;
	margin: 0 0 0 40px;
	list-style: none;
	position: relative;
}

ul#navigation li a{
	    color: #fff;
    	text-transform: uppercase;
	    font-size: 22px;
	    font-size: 1.375rem;
	    font-weight: 400;
	    line-height: 25px;
	    letter-spacing: 2px;
        padding: 0px 20px 0px 20px;
        margin: 30px 0px 10px 10px;
}

ul#navigation li a:hover, ul#navigation li a.active{
	color: #00FF7C;
}	

	
	
/* Hintergrund Startseite * * * * * * * * */
	
.box1{
	    display: none;    
}


.box_mobile{
	       
}
	
.sidebar_home{ 
	    display: none;
}


.a_contact{
	    display: none;    
}
	
h1{
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 50px;
	font-weight: 500;
	margin-bottom: 0px;
	letter-spacing: 0px;
}

h2{ 
	font-size: 36px;
	font-size: 2.25rem;
	line-height: 28px;
	font-weight: 500;
}


.line1{
	margin: -27px 0px 26px -20px;	
}

.title{ 
        margin: 30px 0px 30px -15px;
	    padding: 0px 10px 20px 10px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 3px 5px 1px;
	    z-index: 1;
	    position: absolute;
}

.title:hover{
	background: #fff;
	opacity: 0.9;
}

.title2{ 
	    opacity: 0.8;
        margin: 190px 0px 0px -28px;
	    padding: 25px 7px 0px 7px;
	    position: absolute;
	    z-index: 1;
}
	
.title2:hover{
	background: #fff;
	opacity: 0.9;
}	

.title3{ 
	    opacity: 0.8;
        margin: 300px 0px 20px 40px;
	    padding: 16px 10px 10px 7px;
	    position: absolute;
	    z-index: 1;
}
	
.title3:hover{
	background: #fff;
	opacity: 0.9;
}

.title4{ 
	    opacity: 0.8;
        margin: 390px 0px 30px 20px;
	    padding: 20px 5px 0px 20px;
	    position: absolute;
	    z-index: 1;
}

.title4:hover{
	background: #fff;
	opacity: 0.9;
}

.title5{ 
	    opacity: 0.8;
        margin: 470px 0px 30px 40px;
	    padding: 10px 20px 0px 20px;
	    position: absolute;
	    z-index: 1;
}
	
.title5:hover{
	background: #fff;
	opacity: 0.9;
}
	
.top{ 
	padding: 5px 13px 8px 13px;
	margin: 100px 0px 0px 0px;
	float: right;
}
	
/* Hintergrund Unterseite Fotografie* * * * * * * * */

.Unterseite_Fotos1{ 
margin: 265px 20px 10px 27px;
max-width: 85%;
}

.Unterseite_Fotos2{ 
margin: 0px 20px 10px 27px;
max-width: 85%;
}

.Unterseite_Fotos_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -53px 0px 20px -3px;
}
	
.gotthard_full{ 
	    display: none;
	
}
	
.gotthard_half{ 
	    margin: 80px 20px 50px -10px;
	
}
	
.Unterseite_Fotos_Text_hoch{ 
	    background: #fff;
	    padding: 0.1em 0.7em 0em 0.7em;
}
	

/* Hintergrund Heimat* * * * * * * * */
	
	
.rahmen_heimat{ 
margin: 225px 0px 10px 17px;
max-width: 100%;
padding: 10px 10px 20px 10px;
}

.rahmen_heimat2{ 
background: #fff;
margin: 0px 0px 10px 17px;
padding: 10px 10px 20px 10px;
max-width: 100%;
}
	
.Heimat_Text{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -15px 0px 20px 0px;
}	
	
	
/* Hintergrund Levanto * * * * * * * * */
	
.Levanto_Big{
	 display: none;
}	
	
.Levanto_Main_small{
	 padding: 10px 10px 20px 10px;
	 margin: 170px 30px 0px 30px;
     border: #000;
	 border-style: solid;
     border-width: 1px;
	 float: left;
}

.Levanto_Sub_small{
	 margin: -130px 0px 0px 0px;
	 float: left;
}

.rahmen_levanto_small{
	 padding: 10px 10px 20px 10px;
	 margin: 0px 0px 10px 0px;
}

.Levanto_Text_small{ 
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -20px 0px 0px -20px;
	    float: left;
}
	
/* Hintergrund Portraits * * * * * * * * */


.Portraits_Sabine{
	 display: none;
}
	
.Portraits_Sabine_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Portait_Hochformat{
	 margin: 0px 30px 10px 0px;
	 float: left;
}
	
.Portraits_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}
	
	
/* Hintergrund Fashion * * * * * * * * */


.Fashion_2012{
	 display: none;
}
	
.Fashion_2012_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Fashion_Hochformat{
	 margin: 0px 30px 10px 0px;
	 float: left;
}
	
.Fashion_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}
	

/* Hintergrund Figuren * * * * * * * * */
	
.Figuren{
	 display: none;
}
	
.Figuren_Small{
	 margin: 130px -170px 0px 57px;
	 float: left;
}
	
.Figuren_Hochformat{
	 margin: 0px 20px 10px 0px;
	 float: left;
}
	
.rahmen_figuren_small{
	 margin: 0px 0px 10px 0px;
}
	
.Figuren_Text_Hochformat{ 
	    padding: 0em 0.7em 0em 0.7em;
        margin: -20px 0px 0px -20px;
}


	
/* Hintergrund Looks * * * * * * * * */

.looks_1{ 
margin: 120px 20px 30px 17px;
max-width: 90%;
}


.looks_1_Text{ 
	    padding: 0.1em 0.7em 0em 0.7em;
        margin: -55px 0px 0px -3px;
}
	

.looks_2{ 
margin: 0px 20px 30px 17px;
max-width: 90%;
}

/* Hintergrund Illus * * * * * * * * */
	
.sidebar_illus{ 
	    width: 125px; 
	    height: 160px; 
	    padding: 0.5em 0em 1em 0.3em;
	    opacity: 0.7;
	    background: #fff;
        margin: 130px 0px 0px 10px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 7px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_illus a{
        text-transform: uppercase;
	    font-size: 12px;
	    font-size: 0.75rem;
	    font-weight: 600;
	    line-height: 10px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
	    border-bottom: #000;
	    border-bottom-style: solid;
        border-bottom-width: 1px;
}
 

.sidebar_illus a:hover, .active{
	    color: #000;
	    padding: 10px 0px 10px 0px;    
}	
	
.box_Illus{
	 display: none;
}
	
.box_Illus_klein{ 
	 margin: -260px -20px 0px 0px;
	 float: left;
}
	
/* Layout Illustration Small Divices* * * * * * * * */
	
.Textbox_small{ 
	    padding: 0.7em 0.7em 0.7em 0.7em;
        margin: -15px -20px 20px 0px;
	    float: right;
}

	
/* Layout Extras Fotografie* * * * * * * * */
	
	
.sidebar_fotos{ 
	    width: 139px; 
	    height: 165px; 
	    padding: 0.7em 0em 1em 0.5em;
	    opacity: 0.7;
	    background: #fff;
        margin: 120px 0px 0px 10px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 2px 4px 5px 0px;
	    position: absolute;
	    z-index: 1;
}
 
  
.sidebar_fotos a{
        text-transform: uppercase;
	    font-size: 12px;
	    font-size: 0.75rem;
	    font-weight: 600;
	    line-height: 10px;
	    letter-spacing: 1px;
	    font-family: "Helvetica Neue LT W01_71488914", Arial, sans-serif;
	    padding-bottom: 0px;
	    padding-top: 0px;
}	
	

.sidebar_fotos a:hover, .active{
	    color: #000;
	    padding: 10px 0px 10px 0px;    
}
	
.Element_Fotos{
	 max-width: 50%;
	 margin: 0px 0px 0px -45px;
}
	
.fourth_fotos1_big{
	display: none;	
}

.fourth_fotos3_big{
	display: none;
}	

.box_Fotos{
	 margin: 30px 0px 0px 0px;
}

.box_Fotos_1{
	 margin: 0px 0px 0px 0px;
}

.fourth_fotos{
	padding: 5px!important;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 50px;
	
}

.fourth_fotos1{	
	padding: 0px;
	margin: 180px -20px 0px 20px !important;
	
}
	
.fourth_fotos2{
	padding: 5px 0px 5px 20px !important;
	margin-left: 15px !important;
}
	
	
.fourth_fotos3{
	padding: 10px 20px 0px 20px;
	margin-left: 15px !important;
}


.Image_Foto{
    width: 90%;
    hight: auto;
}
	
/* Hintergrund Texte * * * * * * * * */
	
.Textprobe1{
	 display: none;
}

.Textprobe2{
	 display: none;
}

.Textprobe3{
	 display: none;
}
	
.Textprobe1_small{
	 padding: 20px 20px 20px 15px;
	 margin: 50px 0px 0px 10px;
}

.Textprobe2_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 30px 10px;
}

.Textprobe3_small{
	 padding: 20px 25px 20px 15px;
	 margin: 0px 0px 150px 10px;
}
	
/* Hintergrund Text und Web * * * * * * * * */
	
.box1_textundweb{ 
        display: none;
}


.lunsfigur{ 
        margin: 136px 0px 0px 0px;
	    padding: 28px 50px 0px 30px;
}


.webtext{ 
        margin: 220px 0px 0px 5px;
	    padding: 28px 15px 0px 15px;
	    opacity: 0.9;
}
	
.webtext:hover{
	background: #fff;
	opacity: 1;
}
	
h4{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 32px;
	font-size: 2rem;
	line-height: 35px;
	font-weight: 300;
}
	
p{  
	font-family: "Helvetica Neue LT W01_51488890", Arial, sans-serif;
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.15px;
	line-height: 23px;
	margin-bottom: 23px;
}
	
.ul_2{  
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: 0.15px;
	line-height: 23px;
	margin-left: 20px;
}
	
	
/* Hintergrund Design * * * * * * * * */

.rahmen{
	 display: none;
}
	
.ciaociao_img{
	 padding: 3px 5px 0px 2px;
	 margin: 0px 0px 0px 20px;
}


.dif_img{
	 padding: 3px 2px 0px 2px;
	 margin: -20px 0px 0px 20px;
}

.praxis_img{
	 padding: 3px 5px 0px 2px;
	 margin: -20px 0px 0px 20px;
}


.stephaniematthias_img{
	 padding: 0px 0px 0px 0px;
	 margin: -20px 0px 0px 20px;
}


.description_ciaociao{
	 max-width: 305px;
	 padding: 5px 10px 0px 10px;
	 margin: -37px 50px 0px 0px;
}


.description_dif{
	 max-width: 320px;
	 padding: 5px 10px 0px 10px;
	 margin: -55px 25px 0px -5px;
}


.description_praxis{
	 max-width: 310px;
	 padding: 5px 10px 0px 10px;
	 margin: -55px -10px 0px 5px;
}


.description_matthias{
	 max-width: 390px;
	 padding: 5px 10px 0px 10px;
	 margin: -40px 30px 0px -5px;
}
	
h5{
	font-family: "baskerville-display-pt", Times New Roman,"serif";
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 28px;
	font-weight: 300;
	margin: 13px 0px 13px 0px;
}	
	

	
/* Hintergrund Kontakt * * * * * * * * */


.box_kontakt_big{ 
	display: none;
}
	
.Form2_kontakt{ 
	    margin: 120px 0px 0px 0px;   
}

.kontakt{ 
	    display: none;
}

.mehruebermich{ 
	   display: none;
}
	
.kontakt_small{ 
	    width: 230px;
        margin: 200px 0px 0px 0px;
	    padding: 28px 50px 0px 20px;
}

.mehruebermich_small{ 
	    width: 230px;
        margin: 20px 0px 0px 0px;
	    padding: 28px 50px 0px 20px;
}
	
/* Hintergrund About * * * * * * * * */


.box_about{ 
}

  .about_bild{ 
	    max-width: 260px;
	    margin: 170px 10px 0px 0px;
	    padding: 0em 0.2em 1em 0em;
}

.about_text{ 
	    display: none;
} 
	
.about_text_small{ 
	 padding: 2em 1em 1em 1em;
     margin: -67px -140px 0px -10px;  
} 
	
.about_text_medium{ 
	 display: none;     
} 
	
/* Hintergrund Busy Day * * * * * * * * */


.Busy_Day{
	 padding: 10px 10px 10px 10px;
	 margin: 216px 0px 200px 0px;
	 max-width: 100%;
	 float: left;
}


.Busyday_Text{ 
	    background: #fff;
	    padding: 0em 0.7em 0em 0.7em;
	    opacity: 0.8;
        margin: -14px 0px 0px -15px;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 8px 7px 1px;;
	    float: left;
}
	
/* Hintergrund Impressum * * * * * * * * */


.impressumsbox{ 
        margin: 100px 0px 30px 0px;
	    padding: 20px 15px 0px 15px;
	    background: #fff;
	    opacity: 0.8;
	    border-bottom: #000;
	    border-style: solid;
	    border-width: 1px 4px 6px 1px;
	    float: left;
	    z-index: 0;
}

}

/* Druckformatierung */ 
 
@media print {
 
#header, #footer { 
display: none; 
} 
	
/* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. */
 
}