﻿/*--Layout für Katzen-fieber.de, Autor : Miriam Knischewski--*/

* { margin: 0; padding: 0;}
html { height:100%; width:100%; }
p {
text-align: justify;
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   line-height:1.4!important;
   }
   
   
   /* special-elite-regular - latin */
@font-face {
  font-family: 'Special Elite';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/special-elite-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Special Elite Regular'), local('SpecialElite-Regular'),
       url('../fonts/special-elite-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/special-elite-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/special-elite-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/special-elite-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/special-elite-v8-latin-regular.svg#SpecialElite') format('svg'); /* Legacy iOS */
}
   
/*--Basis-Angaben--*/

body  {  height:100%; font-family: Verdana, sans serif!important; margin: 0px auto; color:#525252;background:#f3f3f3!important; }
#header {height:auto!important; width:100%;margin:0!important;padding:0!important;}
#wrapper { width:99,5%; margin:0px auto; height:auto; overflow:hidden; }
#buttonmenu  {margin:0 auto; width:100%; clear:both; height:50px!important;}
#head {width:100%; margin:0 auto;}
#container  { height:100%; margin:0px auto 30px auto;}
#head  { width:100%; height:0px;padding:0 40px; margin:0 auto;float:right;}


#side-nav  { height:auto; margin:10px 0 0px 10px;border:none!important; background:#f3f3f3!important;}
#navi-top  {width:0px!important; height:0px!important;}
#side-news, #urecht  {  width:90%;  height:auto;margin:60px 0 0 10px;}
#menu {  width:90%;  height:auto;margin:40px 0 0 0;}
#menu2, #menu3  {  width:90%;  height:auto;margin: 40px 0 0 0px;}
#partnerlinks  {width:90%; height:auto;margin: 40px 0 0 0px;}
#content, #sitemap-content  {height:auto; margin:0px auto 30px auto;border:none!important;background:#f3f3f3!important;}

#content p , #content table{
-khtml-user-select: none;
-moz-user-select:none;
-webkit-user-select: none;
-ms-user-select: none;
}

#content-linkliste  {height:auto; margin:0px auto 30px auto;border:none!important;background:#f3f3f3!important;}
#brotkruemmel { height:auto;  width:99%;  margin: 15px auto 0 20px; text-align:left;padding:0px;}
#sitemap_brotkruemmel  { height:auto;  width:90%;  margin: 30px auto 0 auto;  font-size:80%;  text-align:center;}
#content p, #sitemap-contents p , #content-linkliste  {  margin: 10px 15px 5px 15px;  padding:5px;  font-size:110%;z-index:1;}
#content p.versteckt  {  padding-top:5px;  margin: 10px 15px 5px 15px;  padding-left:5px;}
p.hinweis  {  font-size:60%;}
#content p.hinweis  {  font-size:60%;}
#content p.buchstabe, #sitemap-content p.buchstabe  {  width:90%;  margin:150px 0 10px 0; font-family:Myriad Pro!important; background:#84A5DC!important; padding:3px 10px;}
acronym  {  border-bottom: 1px dotted #000;  cursor: help; display:inline-block;}
.initial  { float:left;  margin: -12px 3px 0px 2px;  text-align:left;  font-size:130%!important; }
#index,#index2  {width:80%;height:100%; margin:10px auto;font-size:120%;padding:10px 10px 10px 0;}
.sprung  {  margin: 50px 0 10px 5px;  color:#b1b1b1!important;  text-align:right;  padding-right:10px;}
#error  {  width:80%;  height: auto;  margin: 10px auto 30px auto;  padding: 15px;}
.druckhinweis {  display:none;}
#druckbefehle  {  width:90%; margin:30px auto 10px auto;}
#druckbefehle2  {  margin:-30px 0 40px 20px;  width:auto;  float:left;}

#sitemap-content strong  {color:#84A5DC!important;}
#platzhalter  {height:1px;float:left;  width:220px;}
#plagaware  {  margin: 10px auto 30px auto;  text-align:center;}
.clearer  {  clear: both;  }
.toggle-text {   display:none;  margin-bottom:10px; }
.toggle  {  display:inline;  color:#000;  font-weight:bold;  cursor: pointer;}
td.red  {  background:red!important; display:inline!important;}
td.green  {  background:green!important;display:inline!important;}
.red  {  color:red!important; display:inline!important;}
.green  {  color:green!important;display:inline!important;}
sup {cursor:help;}
#content form  {width:90%; margin:20px auto; height:auto;}
#content form  p {font-size:110%;}
.copyright {text-align:center;color:#494949!important; margin:3px auto 20px auto;}
.middle  {width:90%; height:260px; margin:30px auto;}

#verwandt,#buchtipps,#blogtipps {background-image: linear-gradient(to top, #e6e6e6 0%, #f4f4f4 50%, #e6e6e6 99%);border:1px solid #504f4f;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius:2px;}
#verwandt p,#buchtipps p,#blogtipps p {width: 90%; margin:10px auto!important;}
.quellen {font-size:89%!important;line-height:1.2!important;}

.rechnerbutton {border:1px solid #504f4f; background:#c1c0c0;display:block;padding:5px 10px;margin:10px auto!important;cursor: pointer;}
select optgroup {font-style:normal!important; color:#504f4f!important;background:#f4f4f4!important;  }
option{font-style:normal!important; color:#504f4f!important;   }
.sidenav-aktiv {font-weight:bold!important;}
small {font-size:70%!important;}

.cc_container {
    background: #504f4f!important;
    color: #f4f4f4!important;
    font-size: 17px;
    box-sizing: border-box;
    font-weight:bold!important;text-align:center!important;
	}

	.cc_container .cc_btn, .cc_container .cc_btn:visited {
    color: #f4f4f4!important;
    background-color: #5d83c5!important; font-weight:bold!important;}
	
	
.video-hinweis {float:left!important;font-size:85%;}	



/*--Links--*/
 a.home  {display:inline-block;text-decoration:none; color:#5D83C5!important;font-family:Special Elite!important;margin:0 0 0px 20px!important;}
a.home:hover  {font-style:italic;text-decoration:none;}
#buttonmenu  ul li a{text-decoration:none; color:#727272!important;} 
#buttonmenu  ul li a:hover {text-decoration:none; font-style:italic;}
#headbottom-menu ul li a{ text-decoration:none;font-weight:bold;}
#headbottom-menu ul li a.aktiv{ #text-decoration:none;#font-weight:bold;#color:#5d83c5!important;}
#headbottom-menu ul li:hover a {font-style:italic;}
#content a.closed {  color:#25519B!important;  font-weight:bold;  cursor: pointer;  border-bottom:none;  font-size:100%;}
#content a.open  {  color:#25519B!important;  font-weight:normal;  cursor: pointer;  text-decoration:none;  border-bottom:none;  font-size:60%;}
#content a, #sitemap-content a, #sitemap-contents a, #content-linkliste  a   { color: #000; font-size:102%;  padding:2px; border-bottom:none; text-decoration:none;  }
#brotkruemmel a, #sitemap_brotkruemmel a  { color: #25519B!important; padding:2px; border-bottom:none; text-decoration:none;  }
#sitemap_brotkruemmel a   { color: #25519B!important; font-size:110%;  padding:2px; border-bottom:none; text-decoration:none;  }
#brotkruemmel a:hover {  color:#000;}
#brotkruemmel2 a  { color: #25519B!important;  font-weight:bold;  font-size:90%;  padding:2px;}
#content a:hover, #shop-content a:hover , #content-linkliste  a:hover{  color: #000;}
#content a.anzeigelink {text-decoration:underline;}
#content a.anzeigelink:before { content:url(list2.png);display:inline!important; margin: 0 1px 0 1px!important;}
#content a.begriff {color:#1d1d1d; text-decoration:none; font-weight: bold; font-size:110%; border-bottom: 1px solid #000;}
p.hinweis a {  color: #000;}
#content .img p a, #content .img2 p a, #content .img3 p a, #content .imgw p a,#content .img2w p a {text-decoration:none; color:#000!important; border-bottom:none;}
#druckbefehle a:hover, #druckbefehle2 a:hover  {color:#b1b1b1!important;}
.sprung a  {   padding:3px;  color:#b1b1b1!important; text-decoration:none!important; }
.sprung a:hover {color:#494949!important;}
#druckbefehle a  {  margin: 10px 80px;  display: inline;  color:#b1b1b1!important;  text-decoration:none!important;padding: 2px 4px;}
#druckbefehle2 a  {  display: inline;  color:#b1b1b1!important;  text-decoration:none!important;padding: 3px 5px;}
#content p.buchstabe , #sitemap-content p.buchstabe { width:85%; margin:40px auto 0 auto;}
#content p.buchstabe a, #sitemap-content p.buchstabe a {  font-size:250%; text-decoration:none; color:#fff;  border-bottom:none;}
#sitemap-content a  { color:#222222; text-decoration:none; font-size:95%;}
#index a,#index2 a {text-decoration:none;width:auto;}
#index ul a,#index2 ul a {font-size:100%;color:#2E2D2D;}
#index ul li ul li a,#index2 ul li ul li a {font-size:90%;color:#3b3b3b;width:auto;}
#index ul li ul li a:hover ,#index2 ul li ul li a:hover {color:#000;text-decoration:underline;}
#verwandt ul li a {color:#504f4f!important;text-decoration:none;border-bottom:none;font-weight:normal;}
#verwandt ul li a:hover {color:#000; text-decoration:none;}
#side-news li a, #menu a, #menu2 a, #menu3 a  {  color:#494949;  text-decoration:none;}
#side-news li a:hover, #menu ul li:hover, #menu2 ul li:hover, #side-news ul li:hover, #menu3 ul li:hover {color:#000;}
#menu .sidenav-aktiv:hover, #menu2 .sidenav-aktiv:hover, #menu3 .sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
#partnerlinks  ul li a{ margin:15px auto 0 auto; display:block; }
#menu ul li ul li a:hover, #menu2 ul li ul li a:hover, #menu ul li a:hover, #menu3 ul li a:hover, #side-news ul li a:hover {color:#000;}
#plagaware a  {  text-decoration:none;  border-bottom:none;}
.rechnerbutton a {}
.copyright a {color:#000; font-size:100%; text-decoration:none;}

#urecht a {color:#5d83c5;text-decoration:none!important;}
 #content h2 a:after,  #content h3 a:after,  #content h4 a:after { content:url(link.png);display:inline!important; margin: 0 0 0 3px!important;}
.mittig  {height:auto; width:auto;display:block;text-align:center!important;font-size:90%!important;color:#b1b1b1!important;}
.mittig:hover {color:#494949!important;} 
 .cc_container a, .cc_container a:visited {color:#5d83c5!important; font-weight:bold; text-decoration:none!important;margin:0 0 0 10px;}
  .cc_message a {color:#5d83c5!important; font-weight:bold; text-decoration:underline!important;margin:0 0 0 10px;}
 .shariff li a {color:#f4f4f4!important; font-family:Myriad Pro!important;text-transform:uppercase;}
 .shariff .info a {background:#5d83c5!important;}
/*--Überschriften--*/

#content h2:hover p.versteckt {  background-color:#000;}
h1, #sitemap-content h1, #sitemap-contents h1 {   margin: 10px 20px 0px 0px!important; padding: 0px 0px 0px 20px; font-size: 300%!important; color:#5D83C5!important; text-align:left;font-weight:bold;font-family:Special Elite!important; width:100%;border-bottom:none!important;}
h2, #sitemap-content h2 , #sitemap-contents h2{  margin: 80px 0px 0px 0px;  padding: 5px 20px 0px 10px;  color:#494949!important; font-family:Myriad Pro!important;border-bottom:none!important;}
#content h1 a, #sitemap-content h1 a, #sitemap-contents h1 a, h1 a, #content-linkliste h1 a{  text-decoration:none;  color:#5D83C5!important;border-bottom:none;margin:0 20px 0 0;}
#content h2 a, #sitemap-content h2 a, #sitemap-contents h2 a, h2 a, #content-linkliste h2 a{  text-decoration:none;  color:#504f4f!important; font-size:120%!important; border-bottom:none; }
#content h1 a:hover, #content h2 a:hover, #sitemap-content h1 a:hover; #sitemap-contents h2 a:hover, #sitemap-contents h1 a:hover; #sitemap-content h2 a:hover { color:#000;}
#sitemap-contents h2 a{  text-decoration:none;  color:#504f4f!important;  border-bottom:none;margin:0 0 10px 0px!important; }
#sitemap-contents h2 { color:#0A595D;margin:0 0 10px 40px!important; }
h3, #content h3 a, #content h3 .single, #content h3 .single a   {  margin:40px 0 3px 5px;  text-decoration:none;  border-bottom:none; color:#504f4f!important; font-weight:bold!important;font-family:Myriad Pro!important;}
h4, #content h4 a, #content h4 .single, #content h4 .single a   {  margin:20px 0 0px 20px;  text-decoration:none;  border-bottom:none; color:#5d83c5!important; font-weight:bold!important;font-family:Myriad Pro!important;}
h5, #content h5 a, #content h5 .single, #content h5 .single a  {color: #5d83c5!important;  text-align: left; margin:30px 0 -15px 25px!important;padding:0!important;font-family:Myriad Pro!important;}
#content h6  { font-family:Myriad Pro!important;color:#504f4f!important; margin:0 20px 0 20px; float:right;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {margin:0 0 3px 0;color:#494949;font-family:Myriad Pro!important;}
#sitemap-content h1, #sitemap-contents h1  {margin:15px 30px;font-family:Myriad Pro!important;}
#content h4, h4 a {margin: 30px 0 -0px 10px!important; padding:25px 0 0 0!important;color:#5D83C5!important;font-family:Myriad Pro!important;}


/*--Tabellen--*/
#content table  {  width:80%;  border:1px solid #cacaca	;  margin:30px auto 0 auto;  text-align:left;font-size:90%;border-radius:2px;}
#content td.tabellenkopf {  border:1px solid #cacaca	;  background:#84A5DC!important;  padding:3px; text-align:center;color:#504f4f!important;}
#content td.bezeichnung {  border:1px solid #cacaca	;  background:#B5CAEF!important;  padding:3px;}
#content td.zustand {  border:1px solid #cacaca	;  width:auto;  padding:5px;}
#content td.leerzeile{  border:none;  height:20px; }
#content table.breit  {  width:95%;  border:1px solid #cacaca	;  margin:30px auto 0 auto;  text-align:left;font-size:90%;border-radius:2px;}
#content table.breit td.tabellenkopf {  border:1px solid #cacaca;  background:#84A5DC!important;  padding:3px; text-align:center; color:#494949!important;}
#content table.breit .bezeichnung  {  border:1px solid #cacaca	;  width:auto;  padding:5px;}
#content table.breit .zustand {  border:1px solid #cacaca	;  width:auto;  padding:5px;background:#EDECEC;}
#content table.breit td.tabellenkopfschmal {  border:1px solid #cacaca;  background:#84A5DC!important;color:#494949!important;  padding:3px; text-align:center;width:auto;}
#content table.breit .bezeichnungschmal  {  border:1px solid #cacaca;  width:auto;  padding:5px;background:#B5CAEF!important; text-align:center;}
#content table.breit td.tabellenkopfmittel {  border:1px solid #cacaca; background:#84A5DC!important;color:#494949!important;  padding:3px; text-align:center;width:auto;}
#content table.breit .bezeichnungmittel  {  border:1px solid #cacaca;  width:auto;  padding:5px;text-align:center;}
#content table.breit td.tabellenkopfbreit {  border:1px solid #cacaca; background:#84A5DC!important;color:#494949!important;  padding:3px; text-align:center;width:auto;}
#content table.breit .bezeichnungbreit  {  border:1px solid #cacaca;  width:auto;  padding:5px;}
#content table.schmal  {  font-size:90%;width:auto; height:auto;  border:1px solid #cacaca;  padding:3px; margin:30px 15px; text-align:left; float:left;border-radius:2px;}
.trennung  { width:10px;}
.trennungschmal {background:#fff; width:5px;}
.trennungseiteschmal {background:#fff; height:5px;}
.trennungseite {background:#fff; height:10px;}
.querbreit {background:#84A5DC!important;text-align:center; padding:3px;color:#494949;}
.querschmal {background:#84A5DC!important;text-align:center; padding:3px; width:30px;color:#494949;}
.querbreit2, .querschmal2 {background:#EDECEC;border:1px solid #cacaca;text-align:center;padding:3px;}
.seite1 {background:#84A5DC!important; text-align:center; padding:3px;color:#494949;}
.seite2 {background:#84A5DC!important;text-align:center; padding:3px; width:15px;}
.seite2leer {background:#fff;text-align:center; padding:3px; width:15px;}
.inhalt  {background:#fff;text-align:center; padding:3px; width:20px; height:20px;border:1px solid #cacaca;}
.ergebnis  {margin:10px 0 0 0; padding:5px; font-size:80%;}
.ueberschrift  { padding:2px 5px 8px 5px; text-align:center;margin:0 0 10px 0; }
#content table.schmal td.ueberschrift a {font-size:130%; text-decoration:none;font-weight:bold; color:#494949; border-bottom:none; margin:0 0 10px 0; text-align:center;}
#content table.fbmi  {width:auto; height:auto; margin:20px auto;border-radius:2px;}
td.rot, td.gruen, td.orange  {border:1px solid #cacaca;color:#000;width:20px!important;height:10px!important;padding:0!important;margin:0!important;color:#494949; text-align:center; font-size:90%;}
td.rot  {background:#FFA3A3!important;}
td.gruen {background:#A4F29C!important;}
td.orange  {background:#FFBA77!important;}
td.weiss  {background:url(hgcontent.gif)!important;border:1px solid #cacaca;text-align:center;padding:1px 5px!important;font-size:90%;}
td.weiss-seite {background:url(hgcontent.gif)!important;border:none!important;text-align:center;padding:1px 5px!important;font-size:90%;}
#content td {  border:1px solid #cacaca!important;  padding:3px 10px!important;}
#content table {  margin: 10px auto!important;border-radius:2px; }
.table-scrollable {
  width: 100%;
  overflow-y: auto;
  margin: 0 0 1em;
  font-size:100%!important;border-radius:2px;
}
.table-scrollable::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
   
}

.table-scrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 3px solid #fff;
  background-color: rgba(0, 0, 0, .3);
   font-size:100%!important;
}

#geordnete-liste{border:none!important;width:95%!important;}
#geordnete-liste  td {border:none!important;}
.oberpunkt {border:none!important;font-weight:bold;width:15%!important;}
.oberpunkt:before {content:"• "; color:#5d83c5;}
.unterpunkt {border:none!important;}
.unterpunkt:before {content:"○ ";}

/*--Listen--*/
#buttonmenu  ul{width:auto; display:inline-block;float:right;}  
#buttonmenu  ul li{ list-style-type:none;float:left;display:inline;text-transform:uppercase;} 
#headbottom-menu ul {  height:auto; width:auto; text-align:center!important;}
#headbottom-menu ul li { list-style-type:none;}

#sitemap-content ul {  margin: 5px 0 0px 30px;  font-size:85%; width:80%;}
#sitemap-content ul li {  margin: 40px 0 0 10px; list-style-type:none;}
#sitemap-contents ul { width:90%; margin:0px auto; font-size:90%; color:#525252; }
#sitemap-contents ul li {list-style-type:none; margin: 3px 0 0 50px;}
#sitemap-contents ul li ul{margin:0px 0 30px 0;}
#sitemap-contents ul li ul li{margin:0px 0 2px 20px;}
#index ul {float:left;width:40%; height:auto; margin:10px 10px 20px 0;text-align:left;display:inline;border:1px solid #cacaca; padding:5px;}
#index2 ul {width:80%; height:auto; margin:40px auto 0 auto;border:1px solid #cacaca;padding:10px;}
#index ul li,#index2 ul li{list-style-type:none;text-align:left;width:auto;clear:both;border:none;}
#index2 ul li ul{text-align:left;width:90%;border:none;height:auto;margin:0;}
#index ul li ul{text-align:left!important;width:85%;border:none;height:auto;float:left!important;margin:0!important; padding:0!important;}
#index ul li ul li,#index2 ul li ul li{ display:inline; margin:0!important;padding:0!important;width:auto;border:none;}
#index .trennung, #index2 .trennung  {display:inline; width:40px!important; height:3px; text-align:center!important;padding:0 10px!important;}

#side-news  li {  border:none;  text-align:left;margin:0 0 2px 15px;padding:2px 5px;list-style-type:none;}

#partnerlinks  ul, .middle ul {width:100%; height:auto;}
#partnerlinks  ul li, .middle ul li{ margin:15px auto 0 auto; display:block;width:120px; }

.middle ul li {list-style-type:none!important; border:none;  text-align:left;margin:0 0 2px 15px;padding:2px 5px;list-style-type:none;}
.middle ul li .sidetop {text-align:left;}
#content ul  {margin:0 0 5px 0px!important;padding:0 5px;#overflow:auto;}
#content ul li {line-height:1.4!important;padding:0 0 5px 2px!important;#overflow:auto;list-style-position:inside;}
.sidetop {background:#5d83c5!important;text-align:left;color:#f4f4f4!important;padding:5px 10px;text-transform:uppercase!important;font-family:Myriad Pro!important;}






/*--Bilder--*/
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   {  height:auto;padding:2px!important;  border: 1px solid #d3d3d3!important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px; }
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p, #content .infobild p       {  text-align:center; font-size:75%!important;  padding:0px; color:#666666!important;}
#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img {height:auto;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd { height:auto;padding:2px!important;  border: 1px solid #d3d3d3!important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); border-radius:2px;}
#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {height:auto;}
#content .imgbreit, #content .imgbreitd{  height:auto; margin: 0 auto;  padding:2px!important;  border: 1px solid #d3d3d3!important;border-radius:2px;}
#content .imgbreit img, #content .imgbreitd img {height:auto;}
#content .imghochd{ height:auto;margin:15px;  padding:2px!important;  border: 1px solid #d3d3d3!important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .imghochd img {height:auto;}
#content .infobild  {height:auto;padding:2px!important;  border: 1px solid #d3d3d3!important; margin: 10px auto!important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .infobild img {height:auto;}








/*--Media Queries--*/ 
@media screen and (min-width:100px) and (max-width:599px) and (orientation: portrait)  {
body  {  font-size:80%;}

#wrapper,#content,#side-nav {overflow:hidden!important;}
#buttonmenu  {height:auto;padding-bottom:20px;margin:5px 0 0 0;}
#buttonmenu  ul {height:auto!important;text-align:center;padding:0 0 10px 0;width:100%!important;} 
#buttonmenu  ul li{ margin:0 5px;float:right!important;}
#buttonmenu  ul li a{font-size:40%;} 
a.home  {text-decoration:none; margin: 10px auto 20px auto;font-size:180%;}
.home img {width:10%!important;}
p.home  {font-size:90%!important; text-align:left; margin: 0 0 30px 20px!important;}
#brotkruemmel  {margin:20px auto;}
#container  { width:99%;overflow:hidden!important;}
#headbottom-menu {margin:10px auto;height:auto!important;width:99%!important;}
#headbottom-menu  ul{height:auto!important;width:100%;}
#headbottom-menu ul li a{ display:block!important;padding:10px 10px!important;width:99%!important; margin: 5px 0;background:#504f4f;color:#f4f4f4!important;}
 .mobil-navi {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi a {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi img {display:block!important; margin:1px auto; text-align:center!important;padding:3px;background:#504f4f!important;}
#side-nav  {width:99%!important;font-size:95%;margin:20px auto 40px auto!important;clear:both;}
#menu , #menu2, #menu3  { width:99%!important;height:auto;text-align:center;}
.sidetop {}
#menu p.sidetop, p.sidetop a, #menu2 p.sidetop, #menu3 p.sidetop {display:block; padding:10px; border:1px solid #504f4f;font-weight:bold;font-size:110%!important;text-align:center;font-family:Verdana!important;margin:0 auto 5px auto;width:90%;}
#menu ul, #menu2 ul, #menu3 ul  { width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li, #menu2 ul li,, #menu3 ul li #menu ul li ul li , #menu2 ul li ul li ,, #menu3 ul li ul li  #menu ul li ul li ul li , #menu2 ul li ul li ul li , #menu3 ul li ul li ul li{ margin: 0 auto!important;list-style-type:none!important;}
#menu ul li, #menu2 ul li, #menu3 ul li{ width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li a, #menu2 ul li a, #menu3 ul li a{ width:99%!important;height:auto;display:block;padding:20px;background:#504f4f!important;color:#fff; margin: 0 0 5px 0;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li a, #menu2 ul li ul li a, #menu3 ul li ul li a{ width:90%!important;height:auto;display:block;padding:15px;background:#b1b1b1!important;color:#fff; margin: 0 auto 5px auto!important;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li ul li a, #menu2 ul li ul li ul li a, #menu3 ul li ul li ul li a{ width:80%!important;height:auto;display:block;padding:13px;background:#b1b1b1!important;color:#504f4f; margin: 0 auto 5px auto!important;font-weight:bold!important;font-size:120%!important;}
#menu ul li.sidenav-aktiv  {height:auto;display:block;padding:10px;background:#b1b1b1!important;color:#504f4f; margin: 10px 0 10px 0!important;font-weight:bold!important;border:1px solid #5d83c5!important;}
#menu ul li.sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
#menu ul li.sidenav-aktiv ul li{}
#menu ul li.sidenav-aktiv:before {content:url(aktiv.png)!important;margin:0 3px 0 0;}
#search {  display:block; width:99%;margin:0 auto!important;}
#search form  {width:320px!important;margin:0 auto;}
.suchbutton  {  margin: 3px;  width: 80px!important;  padding:5px 5px; border:1px solid #b1b1b1;font-weight:bold;color:#504f4f;}
.suchbutton:hover {cursor:pointer;}
.suche input.suchfeld  { margin: 4px 0px 4px 0px; width:200px!important; padding: 6px; border:1px solid #b1b1b1; }
#footer {width:99%;font-size:100%!important;border-top:1px solid #cacaca;background:#504f4f;overflow:hidden!important;}
#footer p.vcard {width:90%!important;margin:0 auto 10px auto!important;color:#f4f4f4;padding:5px 10px; }
#footer   ul {  width:90%;  margin:0 auto;}
#footer   ul li{  display:block;color:#504f4f!important; list-style-type:none!important; margin: 0 0 5px 0!important; }
#footer   ul li a{color:#f4f4f4;text-decoration:none!important;font-weight:bold; }

h1{  font-size: 200%!important;width:95%!important; margin:0 auto 15px auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
h2 {  font-size: 120%!important;width:95%!important; margin:30px auto 0 auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
.aktualisierung {font-size:80%!important; margin:-10px 0 0 20px!important; padding:0px 0 0 0px!important;}
#content,#sitemap-content, #sitemap-contents  {width:99%; margin: 20px auto;clear:both;}
 #brotkruemmel { font-size:90%!important;  }
#brotkruemmel a, #sitemap_brotkruemmel a  { font-size:110%!important;  }
p.krankheiten{margin: 0 0 30px 0px!important;padding:0;}
h3.krankheiten{margin: 30px 0 0 5px;padding:0;font-size:190%!important;}
h3.krankheiten::before {}
#content table.breit  {  width:75%;}
#content form  {font-size:110%;}
#index , #index ul {width:95%!important; margin:20px auto!important;}
#footer  {width:99%; margin: 0 auto; padding:10px 0px; font-size:60%;}
#content h2, #content h2 a {font-size:120%!important;}
h3, #content h3 a  {  font-size:115%!important;}
h4, #content h4 a  {  font-size:110%!important;}
h5, #content h5 a {  font-size: 100%; }
#content h6  { font-size:80%;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {font-size:150%;}
#content h4, h4 a {font-size:110%!important;}
#content ul   {  margin: 5px 0 0px 25px!important;  font-size:100%; color:#525252!important;}
#content ul li {  margin: 10px 0 0 10px!important;}
#content ul li  ul li{  margin: 10px 0 0 0px!important;}
#verwandt,#buchtipps,#blogtipps  {width:80%;margin:20px auto 0 auto!important;height:auto; padding:2px;}
#verwandt h5,#buchtipps h5,#blogtipps h5  {text-decoration:none;border-bottom:none;text-align:left;font-size:120%; color:#504f4f!important;font-family:Verdana!important;margin:10px 0 0 15px!important;}
#verwandt ul,#buchtipps ul,#blogtipps ul  {width:90%!important; margin:5px 0 20px 25px!important;padding:0px!important;}
#verwandt ul li,#buchtipps ul li,#blogtipps ul li  {list-style-type:circle;margin:0 0 8px 0!important;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   { width:90%!important; max-width:400px!important; padding:1px;}
#content .iframelinksquer, #content .iframerechtsquer  {margin: 0 0 10px 10px; position: relative; width:90%!important; height: 90%!important; #overflow: hidden;padding-bottom: 65.25%!important;margin-bottom:15%!important}
#content .iframelinksquer iframe, #content .iframerechtsquer iframe  {position: absolute; top:0; left: 0; width: 99%;  height: 90%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.video-hinweis {position:absolute!important;top:93%!important;height:auto!important;}	
#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img {width:100%!important; max-width:400px!important;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {  width:193px;padding:1px;}
#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {width:100%!important; max-width:250px!important;}
#content .imgbreit, #content .imgbreitd{ width:90%!important; max-width:400px!important;padding:1px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imgbreit img, #content .imgbreitd img {width:100%!important; max-width:400px!important;}
#content .imghochd{width:90%!important; max-width:250px!important;padding:1px;}
#content .imghochd img {width:90%!important; max-width:250px!important;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   { margin:10px auto;}
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p   { margin:10px auto;}
#content .imglinksquer, #content .imglinksquerd, #content .imglinkshoch, #content .imglinkshochd  { margin:10px auto;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {margin:10px auto;}
#content .imgrechtsquer, #content .imgrechtshoch, #content .imgrechtsquerd, #content .imgrechtshochd  { margin:10px auto;}
#content .imghochd{ margin:10px auto;}
#content .infobild img {width:90%!important; height:auto; margin: 0 auto!important;}
#content .imglinkshochklein {width:30%!important;max-width:150px!important;padding:2px;border:1px solid #504f4f;float:left!important;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imglinkshochklein img {width:100%!important;}


@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee {
 width: 90%;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 15s linear infinite;
    -webkit-animation: marquee 15s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}
}

  @media screen and (min-width:100px) and (max-width:599px) and (orientation: landscape)  {
body  {  font-size:80%;}

#wrapper,#content,#side-nav {overflow:hidden!important;}
#buttonmenu  {height:auto;padding-bottom:20px;margin:5px 0 0 0;}
#buttonmenu  ul {height:auto!important;text-align:center;padding:0 0 10px 0;width:100%!important;} 
#buttonmenu  ul li{ margin:0 5px;float:right!important;}
#buttonmenu  ul li a{font-size:40%;} 
a.home  {text-decoration:none; margin: 10px auto 20px auto;font-size:180%;}
.home img {width:10%!important;}
p.home  {font-size:90%!important; text-align:left; margin: 0 0 30px 20px!important;}
#brotkruemmel  {margin:20px auto;}
#container  { width:99%;overflow:hidden!important;}
#headbottom-menu {margin:10px auto;height:auto!important;width:99%!important;}
#headbottom-menu  ul{height:auto!important;width:100%;}
#headbottom-menu ul li a{ display:block!important;padding:10px 10px!important;width:99%!important; margin: 5px 0;background:#504f4f;color:#f4f4f4!important;}
 .mobil-navi {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi a {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi img {display:block!important; margin:1px auto; text-align:center!important;padding:3px;background:#504f4f!important;}
#side-nav  {width:99%!important;font-size:95%;margin:20px auto 40px auto!important;clear:both;}
#menu , #menu2  { width:99%!important;height:auto;text-align:center;}
.sidetop {}
#menu p.sidetop, p.sidetop a, #menu2 p.sidetop {display:block; padding:10px; border:1px solid #504f4f;font-weight:bold;font-size:110%!important;text-align:center;font-family:Verdana!important;margin:0 auto 5px auto;width:90%;}
#menu ul, #menu2 ul { width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li, #menu2 ul li, #menu ul li ul li , #menu2 ul li ul li , #menu ul li ul li ul li , #menu2 ul li ul li ul li { margin: 0 auto!important;list-style-type:none!important;}
#menu ul li, #menu2 ul li{ width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li a, #menu2 ul li a{ width:99%!important;height:auto;display:block;padding:20px;background:#504f4f!important;color:#fff; margin: 0 0 5px 0;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li a, #menu2 ul li ul li a{ width:90%!important;height:auto;display:block;padding:15px;background:#b1b1b1!important;color:#fff; margin: 0 auto 5px auto!important;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li ul li a, #menu2 ul li ul li ul li a{ width:80%!important;height:auto;display:block;padding:13px;background:#b1b1b1!important;color:#504f4f; margin: 0 auto 5px auto!important;font-weight:bold!important;font-size:120%!important;}
#menu ul li.sidenav-aktiv  {height:auto;display:block;padding:10px;background:#b1b1b1!important;color:#504f4f; margin: 10px 0 10px 0!important;font-weight:bold!important;border:1px solid #5d83c5!important;}
#menu ul li.sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
#menu ul li.sidenav-aktiv ul li{}
#menu ul li.sidenav-aktiv:before {content:url(aktiv.png)!important;margin:0 3px 0 0;}
#search {  display:block; width:99%;margin:0 auto!important;}
#search form  {width:320px!important;margin:0 auto;}
.suchbutton  {  margin: 3px;  width: 80px!important;  padding:5px 5px; border:1px solid #b1b1b1;font-weight:bold;color:#504f4f;}
.suchbutton:hover {cursor:pointer;}
.suche input.suchfeld  { margin: 4px 0px 4px 0px; width:200px!important; padding: 6px; border:1px solid #b1b1b1; }
#footer {width:99%;font-size:100%!important;border-top:1px solid #cacaca;background:#504f4f;overflow:hidden!important;}
#footer p.vcard {width:90%!important;margin:0 auto 10px auto!important;color:#f4f4f4;padding:5px 10px; }
#footer   ul {  width:90%;  margin:0 auto;}
#footer   ul li{  display:block;color:#504f4f!important; list-style-type:none!important; margin: 0 0 5px 0!important; }
#footer   ul li a{color:#f4f4f4;text-decoration:none!important;font-weight:bold; }

h1{  font-size: 200%!important;width:95%!important; margin:0 auto 15px auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
h2 {  width:95%!important; margin:30px auto 0 auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
.aktualisierung {font-size:80%!important; margin:-10px 0 0 20px!important; padding:0px 0 0 0px!important;}
#content,#sitemap-content, #sitemap-contents  {width:99%; margin: 20px auto;clear:both;}
 #brotkruemmel { font-size:90%!important;  }
#brotkruemmel a, #sitemap_brotkruemmel a  { font-size:110%!important;  }
p.krankheiten{margin: 0 0 30px 0px!important;padding:0;}
h3.krankheiten{margin: 30px 0 0 5px;padding:0;font-size:190%!important;}
h3.krankheiten::before {}
#content table.breit  {  width:75%;}
#content form  {font-size:110%;}
#index , #index ul {width:95%!important; margin:20px auto!important;}
#footer  {width:99%; margin: 0 auto; padding:10px 0px; font-size:60%;}
#content h2, #content h2 a {font-size:120%!important;}
h3, #content h3 a  {  font-size:115%!important;}
h4, #content h4 a  {  font-size:110%!important;}
h5, #content h5 a {  font-size: 100%; }
#content h6  { font-size:80%;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {font-size:150%;}
#content h4, h4 a {font-size:110%!important;}
#content ul   {  margin: 5px 0 0px 25px!important;  font-size:100%; color:#525252!important;}
#content ul li {  margin: 10px 0 0 10px!important;}
#content ul li  ul li{  margin: 10px 0 0 0px!important;}
#verwandt,#buchtipps,#blogtipps  {width:80%;margin:20px auto 0 auto!important;height:auto; padding:5px;}
#verwandt h5,#buchtipps h5,#blogtipps h5  {text-decoration:none;border-bottom:none;text-align:left;font-size:120%; color:#504f4f!important;font-family:Verdana!important;margin:10px 0 0 15px!important;}
#verwandt ul,#buchtipps ul,#blogtipps ul  {width:90%!important; margin:5px 0 20px 25px!important;padding:0px!important;}
#verwandt ul li,#buchtipps ul li,#blogtipps ul li  {list-style-type:circle;margin:0 0 8px 0!important;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   {width:90%!important; max-width:400px!important; padding:1px;}
#content .iframelinksquer, #content .iframerechtsquer  {position: relative; width:95%!important; height: 95%!important; #overflow: hidden;padding-bottom: 85.25%!important;margin:0 auto 5% auto!important;}
#content .iframelinksquer iframe, #content .iframerechtsquer iframe  {position: absolute; top:0; left: 0; width: 95%;  height: 95%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.video-hinweis {position:absolute!important;top:96%!important;height:auto!important;}

#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img {width:100%!important; max-width:400px!important;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {width:90%!important; max-width:250px!important;padding:1px;}
#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {width:100%!important; max-width:250px!important;}
#content .imgbreit, #content .imgbreitd{ width:90%!important; max-width:400px!important;padding:1px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imgbreit img, #content .imgbreitd img {width:100%!important; max-width:400px!important;}
#content .imghochd{width:90%!important; max-width:250px!important;padding:1px;}
#content .imghochd img {width:90%!important; max-width:250px!important;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   { margin:10px auto;}
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p   { margin:10px auto;}
#content .imglinksquer, #content .imglinksquerd, #content .imglinkshoch, #content .imglinkshochd  { margin:10px auto;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {margin:10px auto;}
#content .imgrechtsquer, #content .imgrechtshoch, #content .imgrechtsquerd, #content .imgrechtshochd  { margin:10px auto;}
#content .imghochd{ margin:10px auto;}
#content .infobild img {width:90%!important; height:auto; margin: 0 auto!important;}
#content .imglinkshochklein {width:30%!important;max-width:150px!important;padding:2px;border:1px solid #504f4f;float:left!important;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imglinkshochklein img {width:100%!important;}

@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee {
 width: 90%;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 30s linear infinite;
    -webkit-animation: marquee 15s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}
}




@media screen and (min-width:600px) and (max-width:1000px)  {
body  {  font-size:80%;}

#wrapper,#content,#side-nav {overflow:hidden!important;}
#buttonmenu  {height:auto;padding-bottom:20px;margin:5px 0 0 0;}
#buttonmenu  ul {height:auto!important;text-align:center;padding:0 0 10px 0;width:100%!important;} 
#buttonmenu  ul li{ margin:0 5px;float:right!important;}
#buttonmenu  ul li a{font-size:40%;} 
a.home  {text-decoration:none; margin: 10px auto 20px auto;font-size:180%;}
.home img {width:10%!important;}
p.home  {font-size:90%!important; text-align:left; margin: 0 0 30px 20px!important;}
#brotkruemmel  {margin:20px auto;}
#container  { width:99%;overflow:hidden!important;}
#headbottom-menu {margin:10px auto;height:auto!important;width:99%!important;}
#headbottom-menu  ul{height:auto!important;width:100%;}
#headbottom-menu ul li a{ display:block!important;padding:10px 10px!important;width:99%!important; margin: 5px 0;background:#504f4f;color:#f4f4f4!important;}
 .mobil-navi {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi a {width:100%!important; height:40px!important; margin:10px 0 0 0!important;background:#504f4f!important;display:block!important;}
.mobil-navi img {display:block!important; margin:1px auto; text-align:center!important;padding:3px;background:#504f4f!important;}
#side-nav  {width:99%!important;font-size:95%;margin:20px auto 40px auto!important;clear:both;}
#menu , #menu2  { width:99%!important;height:auto;text-align:center;}
.sidetop {}
#menu p.sidetop, p.sidetop a, #menu2 p.sidetop, #menu3 p.sidetop {display:block; padding:10px; border:1px solid #504f4f;font-weight:bold;font-size:110%!important;text-align:center;font-family:Verdana!important;margin:0 auto 5px auto;width:90%;}
#menu ul, #menu2 ul, #menu3 ul { width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li, #menu2 ul li, #menu ul li ul li , #menu2 ul li ul li , #menu ul li ul li ul li , #menu2 ul li ul li ul li , #menu3 ul li ul li , #menu3 ul li ul li ul li { margin: 0 auto!important;list-style-type:none!important;}
#menu ul li, #menu2 ul li, #menu3 ul li{ width:99%!important;height:auto;margin:0 auto!Important;}
#menu ul li a, #menu2 ul li a, #menu3 ul li a{ width:99%!important;height:auto;display:block;padding:20px;background:#504f4f!important;color:#fff; margin: 0 0 5px 0;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li a, #menu2 ul li ul li a, #menu3 ul li ul li a{ width:90%!important;height:auto;display:block;padding:15px;background:#b1b1b1!important;color:#fff; margin: 0 auto 5px auto!important;font-weight:bold!important;font-size:120%!important;}
#menu ul li ul li ul li a, #menu2 ul li ul li ul li a, #menu3 ul li ul li ul li a{ width:80%!important;height:auto;display:block;padding:12px;background:#b1b1b1!important;color:#504f4f; margin: 0 auto 5px auto!important;font-weight:bold!important;}
#menu3  {text-align:center;}
#menu ul li.sidenav-aktiv  {height:auto;display:block;padding:10px;background:#b1b1b1!important;color:#504f4f; margin: 10px 0 10px 0!important;font-weight:bold!important;border:1px solid #5d83c5!important;}
#menu ul li.sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
#menu ul li.sidenav-aktiv ul li{}
#menu ul li.sidenav-aktiv:before {content:url(aktiv.png)!important;margin:0 3px 0 0;}
#search {  display:block; width:99%;margin:0 auto!important;}
#search form  {width:320px!important;margin:0 auto;}
.suchbutton  {  margin: 3px;  width: 80px!important;  padding:5px 5px; border:1px solid #b1b1b1;font-weight:bold;color:#504f4f;}
.suchbutton:hover {cursor:pointer;}
.suche input.suchfeld  { margin: 4px 0px 4px 0px; width:200px!important; padding: 6px; border:1px solid #b1b1b1; }
#footer {width:99%;font-size:100%!important;border-top:1px solid #cacaca;background:#504f4f;overflow:hidden!important;}
#footer p.vcard {width:90%!important;margin:0 auto 10px auto!important;color:#f4f4f4;padding:5px 10px; }
#footer   ul {  width:90%;  margin:0 auto;}
#footer   ul li{  display:block;color:#504f4f!important; list-style-type:none!important; margin: 0 0 5px 0!important; }
#footer   ul li a{color:#f4f4f4;text-decoration:none!important;font-weight:bold; }

h1{  font-size: 200%!important;width:95%!important; margin:0 auto 15px auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
h2 { width:95%!important; margin:30px auto 0 auto;-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;}
.aktualisierung {font-size:80%!important; margin:-10px 0 0 20px!important; padding:0px 0 0 0px!important;}
#content,#sitemap-content, #sitemap-contents  {width:99%; margin: 20px auto;clear:both;}
 #brotkruemmel { font-size:90%!important;  }
#brotkruemmel a, #sitemap_brotkruemmel a  { font-size:110%!important;  }
p.krankheiten{margin: 0 0 30px 0px!important;padding:0;}
h3.krankheiten{margin: 30px 0 0 5px;padding:0;font-size:190%!important;}
h3.krankheiten::before {}
#content table.breit  {  width:75%;}
#content form  {font-size:110%;}
#index , #index ul {width:95%!important; margin:20px auto!important;}
#footer  {width:99%; margin: 0 auto; padding:10px 0px; font-size:60%;}
#content h2, #content h2 a {font-size:120%!important;}
h3, #content h3 a  {  font-size:115%!important;}
h4, #content h4 a  {  font-size:110%!important;}
h5, #content h5 a {  font-size: 100%; }
#content h6  { font-size:80%;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {font-size:150%;}
#content h4, h4 a {font-size:110%!important;}
#content ul   {  margin: 5px 0 0px 25px!important;  font-size:100%; color:#525252!important;}
#content ul li {  margin: 10px 0 0 10px!important;}
#content ul li  ul li{  margin: 10px 0 0 0px!important;}
#verwandt,#buchtipps,#blogtipps  {width:28%; display:inline-block; vertical-align:top!Important;margin:20px 15px 0 auto!important;height:auto;padding:5px;}
#verwandt h5,#buchtipps h5,#blogtipps h5 {text-decoration:none;border-bottom:none;text-align:left;font-size:120%; color:#504f4f!important;font-family:Verdana!important;margin:10px 0 0 15px!important;}
#verwandt ul,#buchtipps ul,#blogtipps ul  {width:90%!important; margin:5px 0 20px 25px!important;padding:0px!important;}
#verwandt ul li,#buchtipps ul li,#blogtipps ul li  {list-style-type:circle;margin:0 0 8px 0!important;}
#content .imglinksquer, #content .imglinksquerd   {width:40%!important; max-width:400px!important; padding:1px;float:left;margin:10px 20px!important;}
#content .imgrechtsquer, #content .imgrechtsquerd   {width:40%!important; max-width:400px!important; padding:1px;float:right;margin:10px 20px!important;}
#content .iframelinksquer, #content .iframerechtsquer  { position: relative; width:40%!important; height: 60%!important; #overflow: hidden;padding-bottom: 56.25%;margin: 2% 2% -20% 2%!important;}
#content .iframelinksquer {float:left!important;}
#content .iframerechtsquer  {float:right!important;}
#content .iframelinksquer iframe, #content .iframerechtsquer iframe  {position: absolute; top:0; left: 0; width: 99%;  height: 40%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.video-hinweis {position:absolute!important;top:45%!important;height:auto!important;}
#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img {width:100%!important; max-width:400px!important;}
#content .imglinkshoch #content .imglinkshochd {width:90%!important; max-width:250px!important;padding:1px;float:left;margin:10px 20px!important;}
#content .imgrechtshoch, #content .imgrechtshochd {width:90%!important; max-width:250px!important;padding:1px;float:right;margin:10px 20px!important;}

#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {width:100%!important; max-width:250px!important;}
#content .imgbreit, #content .imgbreitd{width:90%!important; max-width:700px!important;padding:1px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imgbreit img, #content .imgbreitd img {width:100%!important; max-width:700px!important;}
#content .imghochd{width:90%!important; max-width:250px!important;padding:1px;}
#content .imghochd img {width:100%!important; max-width:250px!important;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   { margin:10px auto;}
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p   { margin:10px auto;}
#content .imglinksquer, #content .imglinksquerd, #content .imglinkshoch, #content .imglinkshochd  { margin:10px auto;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {margin:10px auto;}
#content .imgrechtsquer, #content .imgrechtshoch, #content .imgrechtsquerd, #content .imgrechtshochd  { margin:10px auto;}
#content .imghochd{ margin:10px auto;}
#content .infobild img {width:90%!important; height:auto; margin: 0 auto!important;}
#content .imglinkshochklein {width:30%!important;max-width:150px!important;padding:2px;border:1px solid #504f4f;float:left!important;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)}
#content .imglinkshochklein img {width:100%!important;}


@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee {
 width: 90%;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 30s linear infinite;
    -webkit-animation: marquee 15s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}
}







@media screen and (min-width: 1001px)  and (max-width: 1199px) and (orientation: landscape){
body  {  font-size:90%;background:#504f4f!important;}
#wrapper {overflow:hidden!Important;#background:#504f4f!important;}
#header, #main {background:#f4f4f4!important;}
 .mobil-navi {display:none!important;}
.mobil-navi a {display:none!important;}
.mobil-navi img {display:none!important; }
#main {width:100%!important;margin:0 auto!important;padding:0!important;}
#buttonmenu  {height:auto;text-align:left;width:100%;font-size:50%!important;margin:0px 0 0 0!important; padding:0!important;}
#buttonmenu ul {width:100%; margin: 0 auto;font-size:50%!important;padding:0 5px;margin:5px 10px 0 0;}
#buttonmenu ul li {margin:3px 16px 0 0!important;padding:0!important;float:right;} 
 a.home  {text-decoration:none;margin: 10px auto 20px auto;font-size:220%;}
 p.home  {font-size:80%!important; text-align:left; margin: 0 0 30px 20px!important;}
#headbottom-menu {background:#504f4f!important; height:auto;width:100%!important;}
#headbottom-menu ul {padding:0px 0px 0px 0px!important;  }
#headbottom-menu ul li {  width:14%!important; margin:10px 1px 0 1px; padding:5px 0px 3px 0px!important;display:inline;; }
#headbottom-menu ul li a { padding:5px 5px 5px 5px!important;display:inline-block; font-size:100%;color:#f4f4f4;font-weight:bold;}

#headbottom-menu ul li.aktiv  {padding:10px 0px -3px 0px!important;background:#f4f4f4!important;color:#504f4f!important;border:1px solid #504f4f!important;}
 #headbottom-menu ul li.aktiv a  {color:#504f4f!important;display:inline-block!important;padding:10px 5px -8px 5px!important;}

 #content,#sitemap-content, #sitemap-contents  {width:70%!important;float:left!important; font-size:90%;padding:0 20px!important;}
 #side-nav  {width:23%!important;font-size:95%!important;margin:25px 10px 30px 0px!important;padding:2px!important;float:left!important;}
 #brotkruemmel { font-size:85%!important;  }
 #brotkruemmel a, #sitemap_brotkruemmel a  { font-size:100%!important; }
#search  {  width:100%;height:auto; margin:0px auto 20px auto;}
#search form.suche{width:100%!important;}
.suche table {width:100%!important;}
.suche input.suchfeld  { margin: 4px 0px 4px 0px; width:70%!important; padding: 6px; border:1px solid #b1b1b1;float:left;display:inline-block!important; }
.suchbutton  {  margin: 3px;  width:auto!important;  padding:5px 5px; border:1px solid #b1b1b1;font-weight:bold;color:#504f4f;float:right;display:inline-block!important; }
.suchbutton:hover {cursor:pointer;}
#content h1, h1, #content h1 a{  font-size: 270%!important;}
#content h2, h2, #content h2 a, #content h2 .single, #content h2 .single a  {  font-size: 130%!important;}
h3, #content h3 a , #content h3 .single, #content h3 .single a {  font-size:110%!important;}
h4, #content h4 a , #content h4 .single, #content h4 .single a  {  font-size:110%!important;}
h5 {  font-size: 100%; }
#content h6  { font-size:80%;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {font-size:150%;}
#content h4, h4 a {font-size:110%!important;}

.aktualisierung {font-size:80%!important; margin:-10px 0 0 20px!important; padding:0px 0 0 0px!important;}

#menu {margin:40px 5px 0 10px!important;}
#menu2,#menu3  { margin:60px 5px 0 10px!important;}
p.krankheiten{margin: 0 0 30px 70px!important;padding:0;}
h3.krankheiten{margin: 30px 0 0 70px;padding:0;font-size:190%!important;}
h3.krankheiten::before {}
#footer {width:100%; margin: 0px auto 0 auto; text-align:center; padding:10px 0;font-size:90%;height:auto;background:#504f4f;clear:both;color:#f4f4f4!important;border-top:1px solid #cacaca;}
#footer   ul {  float:right!important;  margin:5px 70px 10px 30px!important;}
#footer   ul li{  float:left;  display:inline; color:#504f4f!important; list-style-type:none!important; margin: 0 15px!important; }
#footer   ul li a{color:#f4f4f4;text-decoration:none!important;font-weight:bold; }
.vcard {font-size:85%!important; color:#f4f4f4; float:left;margin:5px 0 0 20px;}

#content ul   {  margin: 5px 0 0px 30px!important;  font-size:100%; color:#525252!important;}
#content ul li {  margin: 10px 0 0 30px!important;}
#content ul li  ul li{  margin: 10px 0 0 0px!important;}

#content form  {font-size:110%;}
#index, #index ul {width:85%!important; margin:20px auto;}



#verwandt,#buchtipps,#blogtipps  {width:28%!important;display:inline-block!important; vertical-align:top!important;height:auto; margin:70px 20px 30px auto!important;padding:5px;}
#verwandt h5,#buchtipps h5,#blogtipps h5  {text-decoration:none;border-bottom:none;text-align:left;font-size:120%; color:#504f4f!important;font-family:Verdana!important;margin:10px 0 0 15px!important;}
#verwandt ul ,#buchtipps ul,#blogtipps ul {width:90%!important; margin:5px 0 20px 25px!important;padding:0px!important;}
#verwandt ul li ,#buchtipps ul li,#blogtipps ul li {list-style-type:circle;margin:0 0 8px 0!important;}
#menu  ul, #menu2 ul  {  margin:0 10px 0px 0;}

#menu ul li, #menu2 ul li , #menu3 ul li {  margin:0 0 5px 15px;padding:2px 5px; list-style-type:disc; }
#menu ul li ul li, #menu2 ul li ul li , #menu3 ul li ul li  {  list-style-type:circle!important;  margin:2px 3px 0px 15px;padding:1px 3px;  }
#menu ul li ul li:hover, #menu2 ul li ul li:hover,#menu3 ul li ul li:hover  {color:#000;}
#menu ul li:first-child, #menu2 ul li:first-child, #menu3 ul li:first-child  {list-style-type:none;}
p.sidetop, p.sidetop a  {color:#504f4f!important;font-weight:bold;font-size:110%!important;text-align:left;font-family:Verdana!important;}
#side-news p.sidetop, #partnerlinks p.sidetop {margin:0 0 0 10px;}
.sidenav-aktiv  {list-style-image:url(aktiv.png)!important;}
.sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
.sidenav-aktiv ul li{font-weight:normal!important;list-style-type:circle!important;list-style-image:none!important;}
#content .imgrechtsquer, #content .imgrechtsquerd   {  width:35%;max-width:400px;float:right;margin:10px 20px!important;border-radius:2px;}
#content .imglinksquer, #content .imglinksquerd  {  width:35%;max-width:400px;float:left;margin:10px 20px!important;border-radius:2px;}
#content .iframelinksquer, #content .iframerechtsquer  {#margin: 0 0 10px 10px; position: relative; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;#margin-bottom: -12%!important;}
#content .iframelinksquer {#margin: 0 0 20px 10px; position: relative; float:left!important; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;margin: 10px 15px -30% 10px!important;}
#content .iframerechtsquer  {#margin: 0 0 20px 10px; position: relative; float:right!important; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;margin:10px 15px -30% 10px!important;}
#content .iframelinksquer iframe, #content .iframerechtsquer iframe  {position: absolute; top:0; left: 0; width: 99%;  height: 35%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.video-hinweis {position:absolute!important;top:35%!important;height:auto!important;}
#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img {width:100%;max-width:400px;}
#content .imgrechtshoch, #content .imgrechtshochd {  width:25%;max-width:250px;float:right;margin:10px 20px!important;border-radius:2px;}
#content .imglinkshoch, #content .imglinkshochd{  width:25%;max-width:250px;float:left;margin:10px 20px!important;border-radius:2px;}

#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {width:100%;}
#content .imgbreit, #content .imgbreitd{  width:95%;max-width:700px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .imgbreit img, #content .imgbreitd img {width:100%;}
#content .imghochd{  width:25%;border-radius:2px;}
#content .imghochd img {width:100%;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   {   margin: 15px;border-radius:2px;}
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p        {   margin:6px 0 2px 3px;}
#content .imglinksquer, #content .imglinksquerd, #content .imglinkshoch, #content .imglinkshochd  {  float:left;border-radius:2px;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {margin: 15px;border-radius:2px;}
#content .imgrechtsquer, #content .imgrechtshoch, #content .imgrechtsquerd, #content .imgrechtshochd  { float:right;border-radius:2px;}
#content .imghochd{ float:right;border-radius:2px;}
#content .infobild  {width:50%!important; max-width:600px!important;height:auto; margin: 0 auto!important;border-radius:2px;}
#content .infobild img {width:100%!important; }
#content .imglinkshochklein {width:15%!important;max-width:150px!important;padding:2px;border:1px solid #504f4f;float:left!important;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .imglinkshochklein img {width:100%!important;}

@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee {
 width: 90%;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 35s linear infinite;
    -webkit-animation: marquee 35s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}

}

@media screen and (min-width: 1201px)  and (orientation: landscape){
body  {  font-size:90%;background:#504f4f!important;}
#wrapper {overflow:hidden!Important;#background:#504f4f!important;}
#header, #main {background:#f4f4f4!important;}
 .mobil-navi {display:none!important;}
.mobil-navi a {display:none!important;}
.mobil-navi img {display:none!important; }
#main {width:95%!important;margin:0 auto!important;padding:0!important;border-top-right-radius:5px!important;border-top-left-radius:5px!important;}
#buttonmenu  {height:auto;text-align:left;width:100%;font-size:50%!important;margin:0px 0 0 0!important; padding:0!important;}
#buttonmenu ul {width:100%; margin: 0 auto;font-size:50%!important;padding:0 5px;margin:5px 10px 0 0;}
#buttonmenu ul li {margin:3px 16px 0 0!important;padding:0!important;float:right;} 
 a.home  {text-decoration:none;margin: 10px auto 20px auto;font-size:220%;}
 p.home  {font-size:80%!important; text-align:left; margin: 0 0 30px 20px!important;}
#headbottom-menu {border-bottom:5px solid #504f4f!important; padding:15px 0px 0 0px;height:auto;width:100%!important;
text-align: justify;
-moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
 }
#headbottom-menu ul {padding:0px 0px 0px 0px!important;  }
#headbottom-menu ul li {  width:14%!important; margin:10px 1px 0 1px; padding:15px 0px 13px 0px!important;display:inline;background:#504f4f!important;border-top-right-radius:5px;border-top-left-radius:5px;box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0) inset, 0 0px 20px 0 rgba(0, 0, 0, 0.6) inset; }
#headbottom-menu ul li a { padding:15px 10px 10px 10px!important;display:inline-block; font-size:110%;color:#f4f4f4;font-weight:bold;border-top-right-radius:5px;border-top-left-radius:5px;}

#headbottom-menu ul li.aktiv  {padding:25px 0px 18px 0px!important;background:#f4f4f4!important;color:#504f4f!important;border:1px solid #504f4f!important;border-top-right-radius:5px;border-top-left-radius:5px;box-shadow: 5px -5px 5px 0 rgba(0, 0, 0, 0.2), 5px -5px 5px 0 rgba(0, 0, 0, 0.19);border-bottom:none!important;}
 #headbottom-menu ul li.aktiv a  {color:#504f4f!important;display:inline-block!important;padding:25px 25px 12px 25px!important;border-top-right-radius:5px;border-top-left-radius:5px;}

 #content,#sitemap-content, #sitemap-contents  {width:70%!important;float:left!important; font-size:90%;padding:0 20px!important;}
 #side-nav  {width:23%!important;font-size:95%!important;margin:25px 10px 30px 0px!important;padding:2px!important;float:left!important;}
 #brotkruemmel { font-size:85%!important;  }
 #brotkruemmel a, #sitemap_brotkruemmel a  { font-size:100%!important; }
#search  {  width:100%;height:auto; margin:0px auto 20px auto;}
#search form.suche{width:100%!important;}
.suche table {width:100%!important;}
.suche input.suchfeld  { margin: 4px 0px 4px 0px; width:70%!important; padding: 6px; border:1px solid #b1b1b1;float:left;display:inline-block!important; }
.suchbutton  {  margin: 3px;  width:auto!important;  padding:5px 5px; border:1px solid #b1b1b1;font-weight:bold;color:#504f4f;float:right;display:inline-block!important; }
.suchbutton:hover {cursor:pointer;}
#content h1, h1, #content h1 a{  font-size: 320%!important;}
#content h2, h2, #content h2 a, #content h2 .single, #content h2 .single a  {  font-size: 150%!important;}
h3, #content h3 a , #content h3 .single, #content h3 .single a {  font-size:135%!important;}
h4, #content h4 a , #content h4 .single, #content h4 .single a  {  font-size:120%!important;}
h5 {  font-size: 110%; }
#content h6  { font-size:110%;}  
#sitemap-content h2, #sitemap-content h2 a, #sitemap-contents h2, #sitemap-contents h2 a  {font-size:150%;}
#content h4, h4 a {font-size:110%!important;}

.aktualisierung {font-size:80%!important; margin:-10px 0 0 20px!important; padding:0px 0 0 0px!important;}

#menu {margin:40px 5px 0 10px!important;}
#menu2, #menu3  { margin:60px 5px 0 10px!important;}
p.krankheiten{margin: 0 0 30px 70px!important;padding:0;}
h3.krankheiten{margin: 30px 0 0 70px;padding:0;font-size:190%!important;}
h3.krankheiten::before {}
#footer {width:100%; margin: 0px auto 0 auto; text-align:center; padding:10px 0;font-size:90%;height:auto;background:#504f4f;clear:both;color:#f4f4f4!important;border-top:1px solid #cacaca;bottom: 0;}
#footer   ul {  float:right!important;  margin:5px 70px 10px 30px!important;}
#footer   ul li{  float:left;  display:inline; color:#504f4f!important; list-style-type:none!important; margin: 0 15px!important; }
#footer   ul li a{color:#f4f4f4;text-decoration:none!important;font-weight:bold; }
.vcard {font-size:85%!important; color:#f4f4f4; float:left;margin:5px 0 0 20px;}

#content ul   {  margin: 5px 0 0px 30px!important;  font-size:100%; color:#525252!important;}
#content ul li {  margin: 10px 0 0 30px!important;}
#content ul li  ul li{  margin: 10px 0 0 0px!important;}

#content form  {font-size:110%;}
#index, #index ul {width:85%!important; margin:20px auto;}



#verwandt,#buchtipps,#blogtipps  {width:28%!important;display:inline-block!important; vertical-align:top!important;height:auto; margin:70px 20px 30px auto!important;padding:5px;}
#verwandt h5,#buchtipps h5,#blogtipps h5  {text-decoration:none;border-bottom:none;text-align:left;font-size:120%; color:#504f4f!important;font-family:Verdana!important;margin:10px 0 0 15px!important;}
#verwandt ul ,#buchtipps ul,#blogtipps ul {width:90%!important; margin:5px 0 20px 25px!important;padding:0px!important;}
#verwandt ul li ,#buchtipps ul li,#blogtipps ul li {list-style-type:circle;margin:0 0 8px 0!important;}
#menu  ul, #menu2 ul  {  margin:0 10px 0px 0;}

#menu ul li, #menu2 ul li , #menu3 ul li  {  margin:0 0 5px 15px;padding:2px 5px; list-style-type:disc; }
#menu ul li ul li, #menu2 ul li ul li , #menu3 ul li ul li   {  list-style-type:circle!important;  margin:2px 3px 0px 15px;padding:1px 3px;  }
#menu ul li ul li:hover, #menu2 ul li ul li:hover , #menu3 ul li ul li:hover {color:#000;}
#menu ul li:first-child, #menu2 ul li:first-child, #menu3 ul li:first-child  {list-style-type:none;}
p.sidetop, p.sidetop a  {font-weight:bold;font-size:110%!important;text-align:left;font-family:Myriad Pro!important;}
#side-news p.sidetop, #partnerlinks p.sidetop {margin:0 0 0 10px;color:#504f4f!important;font-family:Verdana!important;}
.sidenav-aktiv  {list-style-image:url(aktiv.png)!important;}
.sidenav-aktiv:hover {color:#504f4f!Important;cursor:pointer!important;}
.sidenav-aktiv ul li{font-weight:normal!important;list-style-type:circle!important;list-style-image:none!important;}
#content .imgrechtsquer, #content .imgrechtsquerd   {  width:35%;max-width:400px;float:right;margin:10px 20px!important;border-radius:2px;}
#content .imglinksquer, #content .imglinksquerd  {  width:35%;max-width:400px;float:left;margin:10px 20px!important;border-radius:2px;}

#content .imglinksquer img, #content .imgrechtsquer img, #content .imglinksquerd img, #content .imgrechtsquerd img  {width:100%!important;max-width:400px;height:100%!important;}
#content .iframelinksquer, #content .iframerechtsquer  {margin: 0 0 10px 10px; position: relative; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;#margin-bottom: -22%!important;}
#content .iframelinksquer {margin: 0 0 10px 10px; position: relative; float:left!important; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;margin: 10px 15px -32% 10px!important;}
#content .iframerechtsquer  {margin: 0 0 10px 10px; position: relative; float:right!important; width:35%!important; height: 35%!important; overflow: hidden;padding-bottom: 56.25%;margin:10px 15px -32% 10px!important;}
#content .iframelinksquer iframe, #content .iframerechtsquer iframe  {position: absolute; top:0; left: 0; width: 99%;  height: 35%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
#content .iframelinksquer p , #content .iframerechtsquer p {float:left!important;margin:5px 0 0 0;}
.video-hinweis {position:absolute!important;top:35%!important;height:auto!important;}

#content .imgrechtshoch, #content .imgrechtshochd {  width:25%;max-width:250px;float:right;margin:10px 20px!important;border-radius:2px;}
#content .imglinkshoch, #content .imglinkshochd{  width:25%;max-width:250px;float:left;margin:10px 20px!important;border-radius:2px;}

#content .imglinkshoch img, #content .imgrechtshoch img, #content .imglinkshochd img, #content .imgrechtshochd img {width:100%;}
#content .imgbreit, #content .imgbreitd{  width:95%;max-width:700px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .imgbreit img, #content .imgbreitd img {width:100%;}
#content .imghochd{  width:25%;border-radius:2px;}
#content .imghochd img {width:100%;}
#content .imglinksquer, #content .imgrechtsquer, #content .imglinksquerd, #content .imgrechtsquerd   {   margin: 15px;border-radius:2px;}
#content .imglinksquer p, #content .imglinkshoch p, #content .imgrechtsquer p, #content .imgrechtshoch p, #content .imglinksquerd p, #content .imglinkshochd p ,#content .imgrechtsquerd p,#content .imgrechtshochd p,#content .imgbreit p,#content .imgbreitd p,#content .imghochd p        {   margin:6px 0 2px 3px;}
#content .imglinksquer, #content .imglinksquerd, #content .imglinkshoch, #content .imglinkshochd  {  float:left;border-radius:2px;}
#content .imglinkshoch, #content .imgrechtshoch, #content .imglinkshochd, #content .imgrechtshochd {margin: 15px;border-radius:2px;}
#content .imgrechtsquer, #content .imgrechtshoch, #content .imgrechtsquerd, #content .imgrechtshochd  { float:right;border-radius:2px;}
#content .imghochd{ float:right;border-radius:2px;}
#content .infobild  {width:50%!important; max-width:600px!important;height:auto; margin: 0 auto!important;border-radius:2px;}
#content .infobild img {width:100%!important; }
#content .imglinkshochklein {width:15%!important;max-width:150px!important;padding:2px;border:1px solid #504f4f;float:left!important;margin:15px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:2px;}
#content .imglinkshochklein img {width:100%!important;}

@-webkit-keyframes marquee {
 0%   { text-indent: 0% }
 100% { text-indent: 100% }
}
@keyframes marquee {
 0%   { text-indent: 100% }
 100% { text-indent: -100% }
}
.marquee {
 width: 90%;
 margin: auto;
 padding: 2px;
 overflow: hidden;
 white-space: nowrap;
     animation: marquee 35s linear infinite;
    -webkit-animation: marquee 35s linear infinite;
}

.marquee:hover {
  animation-play-state: paused;
 -webkit-animation-play-state: paused;
}

}