/* General Style */ 
body {
background:#FFFFFF; font-size:100%; font-family:Helvetica;
margin:0em; padding:0em;  max-width:100%;	
}

a{color: #005F00; } a:hover { color: #bb800f; } a:visited { color:#0000BF; }
p {  margin-bottom:1.0em; margin-top:0.1em;  }

h1 { font-size:1.0em; margin-bottom:1.0em; margin-top:0.5em;    }
h2 { font-size:95%; margin-bottom:0.0em; margin-top:1.0em;  }
h3{ font-size:95%; margin-bottom:0.0em; margin-top:1.0em;  }
h4{ font-size:95%; margin-bottom:0.0em; margin-top:1.0em;  }

/*seite-existenzgründung*/
#twit { width:300px;   height:1200px; float: right;   }
.twitter-timeline { width:300px;   height:1200px text-align: right;}

.sob { font-size:80% }
img { width:90%; height:auto; max-width:100%;}
#header { display:block; background:#FFFFFF; text-align:center; margin-bottom:1.0em; }
#header img { max-width:800px; text-align:center; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px;}
#media {width:100%; margin-bottom:0.2em;
height:auto; background:#A2B7CA; display:-webkit-flex; display:flex; flex-direction:row; float:left; box-shadow:0px 0px 2px 1px #4c4948; border-radius:5px; }


#media1, #media2, #media3, #media4, #media5, #media6, #media7, #media8, #media9
{ width:25px; vertical-align:top; margin:0em; float:left; background:#A2B7CA;}
#media1{ padding-left:5%;} #media img { max-width:25px;}

#container-inhalt { 
clear:both; 
position:relative;top:10px; 
width:100%; height:auto; 
background:#FFFFFF; 
display:-webkit-flex; display:flex;
justify-content:space-between; 
 }

#translate { width:25px;   }
#translate img { max-width:25px;}


#content, #rechts { vertical-align:top; margin:0em;  padding-right:1.50em; }

#content { width:50%; padding-left:1.50em; float:left}

#content img { max-width:300px; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px;}



#rechts {  font-size:90%;  width:40%; float:right}

#rechts a {  font-size:95%;  /*padding:0.60em 1.20em 1.275em 0.238em*/;  }

#rechts img { padding-left:10px; max-width:24px; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px;}


#logo-massiv { clear:both; width:100%; }
#logo-massiv   img { max-width:280px; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px;}

#unten { clear:both; width:100%; position:relative;top:20px;  bottom:0px; float:inherit; text-align:center;  left:0px;  padding:0px; background:#A2B7CA; margin:0px; border:0px;} 

#unten img { max-width:100px; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px;}
#links { width:80%;  text-align:left; padding-left:0.8em; }
#links a {  font-size:90%; line-height:1.40em; padding:0.60em 1.20em 1.275em 0.238em;  }

/* Mobile Style */ 
@media screen and (max-width: 800px) {
	body { font-size:100%; }  }
	
@media screen and (max-width: 600px) 
{ #header, #media, #container-inhalt, #content, #rechts, #unten, #links

{ width:90%; display:block; font-size:1.0em; margin:0.625em 0em 0.625em 0em;  } }

@media screen and (min-width: 550px) 
{  /*nav.nav { display:block !important; }*/  }
@media screen and (max-width: 550px)  

{ body { font-size:96%; } 
 h1 {font-size:90%; } 

 #header {font-size:10%; }
#header img { max-width:70% }


 #media1, #media2, #media3, #media4, #media5,  #media6, #media7, #media8, #media9
{  line-height:1.20em; padding:0.60em 0.20em 1.275em 0.238em;  }
#header, #media, #container-inhalt, #content, #rechts, #unten, #links
 { width:90%; display:block; font-size:1.0em; margin:0.625em 0em 0.625em 0em;  }

#rechts a {  font-size:1.0em; line-height:2.40em; padding:0.60em 1.20em 1.275em 0.238em;  }
#unten{  font-size:1.0em; line-height:2.40em; padding:0.60em 1.20em 1.275em 0.238em;  }  }

@media screen and (max-width: 360px) 
{ body { font-size:86%; } h1 {font-size:90%; } 
#header, #media, #container-inhalt, #content, #rechts, #unten, #links
 { width:90%; display:block; font-size:1.2em; margin:0.625em 0em 0.625em 0em;  }
 }