<style>
body{background:#fff;font-size:100%;margin:0;padding:0;max-width:100%; font-family:Helvetica}
#header{background:url(https://handwerkernet.de/handwerk-2018.jpg);background-repeat:no-repeat;margin-top:0.5em;background-position:center top;background-size:contain;width:100%;height:168px}
#header img{max-width:800px;max-height:100px;text-align:center;box-shadow:0 0 5px -5px #4c4948;border-radius:5px}
img{width:90%;height:auto;max-width:800px}
h1, h2 {font-size:18px; color:#000000; font-family:Helvetica}
img {width:90%; height:auto;max-width:90%;}
#anfang-inhalt  
{width:100%;clear:both; height:auto; margin-top:2.0em;
display:-webkit-flex; 
display:flex; 
display:-ms-flexbox;
flex-direction:row; 
justify-content:space-between;
-ms-flex-pack: justify;  
box-sizing:border-box; 
-ms-box-sizing: border-box; 
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
#akkordeon {font-family:Helvetica}
#index, #mitte {vertical-align:top; margin:0em; float:left; background:#ffffff;  }
#index {width:25%; vertical-align:top; font-family:Helvetica}
#index ul li  {margin:0.4em 0.4em 0.8em 0.5em;} 
#mitte {width:35%; vertical-align:top;  margin-left:6.0em;}

/*###################NEU-EINGEFÜGT############################*/
#mitte {width:35%; vertical-align:top;  margin-left:1.0em; font-family:Helvetica}
   #mitte h2 h3{font-size:1.4em; clear:both; margin:1.0em 0.0em 0.2em 0.0em; padding:0em 0em 0em 0.0em; word-wrap:break-word;}
#mitte img {max-width:196px; box-shadow:5px 5px 1px 2px #A2B7CA; border-radius:5px; margin-bottom:2.0em;}
		 .artikel-text {width:100%; font-family:Helvetica; font-size:1.1em; margin:0.0em 0.0em 1.0em 0.0em; word-wrap:break-word;
		 padding:0em 0em 0em 0.5em; }
        
			 .b1 {font-size:16px; color:#000000; background:#9AB4CB; box-shadow:0px 0px 1px 1px #4c4948; 
			 border-radius:5px; padding:5px 5px 5px 5px; /*margin:5.0em 0.0em 6.2 em 1.0em;*/ text-decoration: none; }
		
			 
			 .link {clear:both; font-size:1.10em; margin:0.5em 0.0em 2.0em 0.0em; word-wrap:break-word;}

#mitte img {max-width:196px; box-shadow:5px 5px 1px 2px #A2B7CA; border-radius:5px;}
figure {  margin-left:2px; margin-top:1px  }
figcaption {font-size:90%;margin-top:-20px  }
/*###################ENDE-NEU-EINGEFÜGT############################*/
#rechte-spalte {vertical-align:top; width:30%; float:right; background:#FFFFFF; margin-left:3.0em; font-family:Helvetica}

#rechte-spalte img {max-width:220px; box-shadow:5px 5px 1px 2px #A2B7CA; border-radius:5px; margin-bottom:2.0em}

#parent-element-id{ /*margin-top:-10px;*/ margin-left:10px; box-shadow:5px 5px 5px 5px #A2B7CA;  
border-radius:5px; word-wrap:break-word;} 
#parent-element-id img {max-width:130px; padding-left:20px; }
.anz-ama {margin-left:10px; padding-top:20px }
.anz-ama  u {background-color:#A2B7CA; box-shadow:2px 2px 2px 1px #A2B7CA;  border-radius:3px; text-decoration: none; }
.ama-txt{font-size:1.2em; margin: 20px 10px 0 10px}
.autor{ font-size:1.0em; margin: 20px 10px 0 10px}
.anzeigen-ama {font-size:12px; /*margin-right:20px;*/ margin-bottom:4px; margin-top:10px; text-decoration: underline black; }

#unten{clear:both; display:inline-block; width:100%; background:#ffffff; vertical-align:top; margin:0em; text-align:center;}
#unten img {max-width:468px;} 
#footer {clear:both; text-align:left;}
#footer img {max-width:100px;} 
#button {width:100%; clear:both; text-align:center;} 
#button img {max-width:120px;}
#plz-bereich{clear:both; margin-bottom:0.5em; background:#A2B7CA; padding-left:5%; line-height:2.2em; text-align:left; width:95%; box-shadow:0px 0px 2px 1px #4c4948; border-radius:5px; font-family:Helvetica}
#orte {clear:both; padding-left:5%; line-height:2.2em;  text-align:left; width:95%; background:#A2B7CA; box-shadow:0px 0px 2px 1px #4c4948; border-radius:5px;} 
.hide,.show{display:none}
.hide,.show{display:none;border-top:1em double #a2b7ca;border-bottom:.4em solid #a2b7ca;width:10%}
.inhalt ul li{display:inline;margin:0 .4em 0 .01em;white-space:nowrap}
.inhalt{display:block;height:auto;background:#a2b7ca;text-align:center;margin-bottom:1em;box-shadow:0 0 2px 1px #4c4948;border-radius:5px}
.inhalt ul{display:block;margin:0;padding:0}
.inhalt ul li a{color:#000;
font-weight:700;font-size:18px;line-height:1.8em;
padding:.263em .238em .275em .238em;
transition:background .2s;-webkit-transition:background .2s}
.inhalt ul li a:hover{background:#678198; border-bottom:.188em solid #6e8ba5;
box-shadow:0 0 1px 1px #4c4948;border-radius:5px}
.inhalt ul li a.active{border-bottom:.188em solid #6e8ba5}
#menubar{display:block;text-align:center;background:#fff}
#media{width:100%;margin-bottom:1em;
margin-top:.2em;height:auto;background:#a2b7ca;display:-webkit-flex;display:flex;flex-direction:row;float:left;box-shadow:0 0 1px 1px #4c4948;border-radius:5px}
#content{width:100%;clear:both;margin-top:.4em;height:auto;display:-webkit-flex;
display:flex;flex-direction:row;justify-content:space-between}
#ueber {margin-bottom:0.2em;  text-align:center; width:95%; } 
#solomo  {clear:both; padding-left:5%; line-height:1.5em;  text-align:left; width:95%; background:#A2B7CA; box-shadow:0px 0px 2px 1px #4c4948; border-radius:5px; margin-bottom:1.0em; margin-top:0.4em; } 
#solomo8 {width:90%; text-align:center;  margin:1.025em 0.0em 0.625em 0.0em; font-family:Helvetica}
#solomo8 a{color:#242424}


@media screen and (max-width:600px){
#header, #anfang-inhalt, #unten
{width:96%; display:block; margin:0.625em 0em 0.625em 0.0em;}
#header {background:url(https://handwerkernet.de/handwerk-2018.jpg) ; background-repeat: no-repeat; background-position:center top; background-size: contain; width:100%; height:50px;}
#index  {width:96%;}
#mitte {width:96%; margin:0.625em 2.0% 0.625em 2.0%;}
#rechte-spalte{width:90%;  margin:0.625em 1.0% 0.625em 1.0%;}
#parent-element-id{ /*margin-top:-10px;*/ margin-left:10px; box-shadow:5px 5px 5px 5px #A2B7CA;  
border-radius:5px; word-wrap:break-word;
width:90%} 
#plz-bereich, #orte{line-height:1.2em; font-size:18px;}

 #solomo {width:100%; max-height:300px; margin-bottom:4.0em; margin-top:0.4em; 
 background:#A2B7CA; display:-webkit-flex; display:flex;}
.hide,.show img{width:40px;height:11px}
.hide{display:block;margin:-1.4em 0 1.5em 1em}
.show{display:block;margin:-1.4em 0 .5em 1em}
#akkordeon:not(:target) .inhalt{display:none}
#akkordeon:not(:target) .hide{display:none}
#akkordeon:target .inhalt{display:block;word-wrap:break-word}
#akkordeon:target 
.show{display:none}
.inhalt ul li a{color:#000;font-weight:700;font-size:18px;white-space:normal;
line-height:1.8em;padding:.263em .238em .275em .238em;
transition:background .2s;-webkit-transition:background .2s}



@media screen and (max-width:550px){body
{font-size:100%;width:98%}
#header{font-size:10%}
#plz-bereich {margin-top:20px}
#menubar{margin-bottom:2.5em; margin-top: 0.5em}
#header img{max-width:40%}
#eintrag{font-size:20px;margin:.1em .4em -3em 0}
#rechte-spalte{line-height:1.4em;margin:.8em 0 .8em .2em;width:98%}


}}
 </style>