/* 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-existenzgruendung*/
#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:30%; float:right}
#media-2 {width:100%; vertical-align:top; margin:2.5em; float:left} #media-2  img { padding-left:10px; max-width:24px; box-shadow:0px 0px 5px -5px #4c4948; border-radius:5px}
#media17 { vertical-align:top; margin:0.4em 0.5em 0.0em 0.5em; float:left; width:100px;  line-height:1.8em}
#media18 { vertical-align:top; margin:0.4em 0.5em 0.0em 0.5em;  float:left; width:96px; line-height:1.8em}
#media19 {  vertical-align:top;  margin:0.4em 0.5em 0.0em 0.5em;  float:left; width:70px; line-height:1.8em}
#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;  }
 }