@font-face { font-family: "Kokila"; src: url("../fonts/Kokilat.eot?") format("eot"), url("../fonts/Kokilat.woff") format("woff"), url("../fonts/Kokilat.ttf") format("truetype"); }


body {  background-image: url(../images/body_background.jpg); background-size: cover; background-repeat: no-repeat; background-attachment:fixed; width: 100%; height: 100%; background-color: #ffffff; font-size: 1em; line-height: 1.4em; letter-spacing: 1.0px; color: #fff; padding: 0; margin: 0; text-align: center; font-family: sans-serif;}
a     { cursor: pointer; text-decoration: none; color: #999}
h1    { color: white; text-shadow: 2px 2px 4px #000000;}


#div_Fixed{ position: absolute}
#div_content_container  { position: relative; width: 100%; height: 100%; z-index: 10}

#div_Menu_open    { position: fixed; top: 1em; right: 0.5em; width: 60px; height: 50px; z-index: 18; background-image: url(../images/Icon_Menu_k.png); background-repeat: no-repeat;text-align:right; cursor: ew-resize;}
#div_Menu_close   { position: fixed; top: 40px; right: 20px; width: 60px; height: 50px; z-index: 18; background-image: url(../images/Icon_close_k.png); background-repeat: no-repeat; padding: 5px; cursor: ew-resize; }
#div_Menu         { position: fixed; top:  0px; right: 0px; z-index: 28; background: #ffffff; width: 300px; height: 100%;  padding: 70px 10px 0 60px; text-align: left; }

#div_Start                 { margin-top: 0; width: 100%; margin-right: auto; margin-left: auto;}
#div_Start img             { margin-top: 0; width: 100%; }
#div_HeaderText            { height: 130px}
#div_Impressum             { padding: 1em 2em; margin-top: 50px; width: 70%; text-align: left; margin-right: auto; margin-left: auto;}
#div_ImpressumTextWrapper  { padding-left: 1em; margin-bottom: 50px; margin-top: 30px; width: auto}
#div_Kontakt               { padding: 1em 2em; margin-top: 50px; width: 70%; text-align: left; margin-right: auto; margin-left: auto;}
#div_Bildergalerie         { margin-top: 50px; width: 70%; margin-right: auto; margin-left: auto;}
#div_PhotoshopArt          { margin-top: 50px; width: 70%; margin-right: auto; margin-left: auto;}
#div_Model                 { padding: 1em 1em 1.5em 1em; margin-top: 50px; width: 60%; margin-right: auto; margin-left: auto;}
#div_Sozial                { position: fixed; top: 40px; right: 120px; width: 100px; height: 50px; z-index: 18; }
#div_Sozial_Instagram      { width: 35px; height: 35px; z-index: 18; background-image: url(../images/InstagramLogo.png); background-repeat: no-repeat; background-size: 35px; cursor: pointer; position: absolute; top: 10px; left: 30px}
#div_Sozial_Facebook       { width: 35px; height: 35px; background-image: url(../images/FacebookLogo.png); background-repeat: no-repeat; background-size: 24px; cursor: pointer; position: absolute; top: 10px; left: 75px }
#div_Footer                { margin: 30px 0 40px 0}
#div_TfpInfo               { padding: 1.3em; margin-top: 10px; text-align: left; font-size: 0.8em}
#div_Logo                  { width: 20%; position: absolute; top: 4em; left: 4em}
#div_Logo img              { }

.img-zoom         { height: 200px; width: auto; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;}
.transition       { -webkit-transform: scale(2); -moz-transform: scale(2); -o-transform: scale(2); transform: scale(2);}
.div_backColor01  { background: rgba(77, 77, 77, 0.64);}
.div_Border       { border: 6px solid #666 ; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


.Logo1             { font-size: 7em; color: #000; margin-bottom: 25px; font-family: Kokila, sans-serif}
.Logo2             { font-size: 1.13em; color: #000; margin-left: 4px; font-family: Kokila, sans-serif}

.black      { color: #000}
.bold       { font-weight: bold}
.shadow     { box-shadow: 10px 20px 30px #000;}
.shadowImg  { box-shadow: 10px 20px 30px #000; margin: 20px; border: 1px solid #333 }
.TextShadow { text-shadow: 2px 2px 4px #000000;}
.eMailColor { color: #ffffff}


/* 
   
   1024 × 768  ipad / iPad 2 
   2048 × 1536  ipad3 / iPad4  / iPad Air / iPad Air2-->
   960 × 640 iphone4  
   1136 × 640 iPhone5s 
   1334 × 750 iphone 6 / 6s
   1920 × 1080 iPhone 6 plus / 6s plus
   2.560 x 1.600 Sony Xperia Tablet Z4
*/

@media only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) 
{
   #div_StartBackgroundImg    { height: 750px; width: 100%} 
}

/* Portrait Phone */ 
@media only screen and (min-device-width: 320px)  and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait) 
{
   .img-zoom { width: 80%; height: auto }
   #div_Sozial { visibility: hidden}
   #div_Logo img { width: 100px }
   #div_Kontakt table { font-size: 0.8em;}
   
}

/* Landscape Phone */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) 
{

}


/* Portrait Tablets*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) 
{

}

/* Landscape Tablets */
@media only screen and (min-device-width: 768px)and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) 
{

}


@media (max-width: 375px) and (orientation: portrait)  
{
 
} 


@media (max-width: 560px) and (orientation: portrait)  
{
 
} 

@media (max-width: 500px) and (orientation: landscape)  
{
   

}