/*html body #borg { display:block; background-image:url('../img.thumb-N/borg5.JPG'); 
min-height: 100%; min-width: 1024px; width: 100%; height: auto;  top: 0; left: 0; }  */
html {width:100%; height:100%;
        background: url('../img.thumb-N/borg.JPG');background-repeat: no-repeat; position: relative;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;   }
        
        html body #borg  {display:inline;}
        
 body { margin:0 8%;
 font-family : Per_____, perpetuaTI, CASTELAR, 'Calligraph810_BT_Italic', 
 FELIXTI, Verdana, 'Lucida Sans Unicode', seriv }
#h1   {font-family: Per_____; url('../nurTTF/Per_____.ttf') format('truetype'); font-size:1.2em; border: 10px solid red; }
  
	
.wrapper { 
    margin: 7px auto;
    max-width:96%; 
   /* border: solid   0px red;}keine Auswirkung weil wrapper inside body ist, vom Backgrond uberdeckt ist*/}
 

#contact_form { margin-top: 20px; margin-bottom:15px; width:321px;  border:1px maroon solid; 

    text-shadow:0 1px 0 #FFF;
    border-radius:4px; 
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background: ;/*#F9F9F9*/
    padding:3px; padding-left:15px;
    background: #ebebeb;
     display: flex;
  align-items: center;
  justify-content: center
   
    
    }
    
#h1 { color: maroon; text-align:center; border:0px solid blue; font-weight: lighter; font-size:1.3em;}
#h2 { color: maroon; text-align:center; border:0px solid green; font-weight: light; font-size:0.85em; margin-bottom:1.2em;}
#h3 {color: red; text-align:center; font-size:0.85em; margin-bottom:1.2em;}
 
#L1, #L2 {
    cursor:pointer;
    margin:4px 0;
    color:#ed7700;
    display:block;
    font-weight:800;}
    
#L3   {
    cursor:pointer;
    margin:4px 0;
    color:#ed7700;
    display:block;
    font-weight:800; border:0px solid pink;   
  margin-bottom: 0.6em;
   }
    
#L3 {  height:80%;
	}
 #anfrage { display: flex; padding :0 auto;  column:0; rows:0; height: 100%;/*textaerea*/
	}
#text { display: block; padding :1 auto;  column:66; rows:5; margin-top:7px; height: 100%; width:93%; margin-top:7px;
}
#text { display:block;
    width:90%;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color: #f4f4f4;/*#f4f4f4*/
    color:#000;
    border:#5f5f5f solid 1px; #5f5f5f;
    padding:10px;
    margin-bottom:7px;
    margin-top:7px; margin-left:0;
}

input {
    display:block;
    width:90%;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    background-color: #f4f4f4;/*#f4f4f4*/
    color:#000;
    border:#5f5f5f solid 1px; #5f5f5f;
    padding:10px;
    margin-bottom:7px;
    margin-top:7px; margin-left:0;
}
 
.sendButton {
    cursor:pointer; 
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:blue;/*#ffc477*/
    -webkit-border-radius:16px;
    -moz-border-radius:16px;
    border-radius:16px;
    border:1px solid #eeb44f;
    color:#ffffff;
    font-family:Arial;
    font-size:14px;
    width:32%;  content:center; margin:0 auto;
    font-weight:bold;
    text-shadow:1px 1px 0px #cc9f52;
}
.sendButton:hover {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
    background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
    background-color:#fb9e25;}
    
    
/*****************Besonderheiten für Bildschirmgroesse max. 320px*********************/

@media screen and (min-width : 320px) and (max-width : 480px)
{
body { margin-left:10px; margin-right:auto; margin: 0 0.2em; /*mit.max.width.zentriert max-height: 320px; display: -webkit-flex;*/
padding: 0 0em; padding: 0 0px;}
#contact_form { border: 0px solid lime; max-width:94%;/*mit.diesem.wert.breite*/}
#h2, html .background #borg  { display:none;	}
  #text {font-size: 1.9em;}
 #email, #faname {font-size:1.3em;/*aufpassen ob mailer funzt wg namezu faname*/
}
 
html {background: #ebebeb; } /*durch einfuegen color background aendert sich viel kommt borg??*/
} 
/*------------------------------@media (max-width: 768x1024---------------------------*****/
@media screen and (min-width : 600px) and (max-width : 800px)
{
body {margin-left:0em; margin-right:0em; margin-left:0px; margin-right:0px; /*mit.max.width.zentriert max-height: 320px; display: -webkit-flex;*/
padding: 0 0em; padding: 0 0px; border: 0px blue solid;} 
#contact_form { border: 0px dotted blue; max-width:90%; max-height:height:auto;
body backgound #borg {display: inline;}
}




/*@media screen and (min-width: 768px) and (max-width:1024px)
{body { width:770px; height:1024px; background:blue;}	 

	 #contact_form {width:500px; height:auto; margin:0 0 0 0px; padding:0 0; border:12px solid green;  }}
	 
/**html body #contact_form {
width: 760px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); border: 22px aqua solid;
}*/
	 
    
    
/*****************Besonderheiten für Bildschirmgroesse max. 320px***********************/
/*  portrait  */

/*mmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmmm*/
/*@media screen and (device-width: 480px)  and (min-width:320px)
{
html { width:100%; height: 90%;
        background:url('../img.thumb-N/borg2.JPG') no-repeat center center fixed;} 
 /*durch einfuegen color background aendert sich viel}

body { width:480px; height: 320px; background:#ebebeb;	}
#contact_form {width:300px; margin:0 0m 0 0em; padding-right:0px solid #ebebeb; content:center; } }*/
/*MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM*/