body {background-color:#666;color:#000;margin:0 auto;padding:0; font-size:.9em; line-height:1.1em;font-family:Arial, Helvetica, sans-serif;text-align:left}
#page,#topmenu ul,#footer ul,#content,#out,#left_module,#hhb-logo,#logo,h1,div.company{background-color:rgba(212,212,212,0.3);color:#000}
#out{border:12px solid rgb(87,86,85);padding:0px;background-color:rgba(212,212,212,1)}
#header_middle,#header_right{background:transparent}
#hhb-logo{background-color: transparent}
#logo{padding:10px 0 0 10px;min-width:170px;text-align:center}
#header{background:transparent;padding:0;color:#000;border:1px solid #ccc}
h1.title { color: #000; font-weight:500;background:transparent;line-height:1.3em}
h1.title a {color:#000;background:transparent;line-height:1.3em}
div.title{float:left; width:320px; margin-top:2em; color:#000}
.header_right{width:335px; float:right; position:relative;background-color:none}
.header_right a {color:#000}
h2,h2.componentheading,h2.contentheading{color:#fff;font-weight:600;margin:0;background-color:rgb(87,86,85);padding:10px;text-shadow:1px 1px 1px #333}
h3,h4,#content h4,#left_module h3{color:#000;font-weight:600}
div.module_menu, div.module {border:none;color:#000}
#left_module ul li a:hover, #left_module ul li a:focus, #left_module ul.menu li.active a, #left_module ul.menu li.active ul li.active a { color:#000;text-decoration:none}
#left_module ul li a:active{ color:#000;text-decoration:none;background-color: rgba(87,86,85,0.3)}
#left_module ul.menu li.active{color:#000; background-color:rgba(212,212,212,0.3)}
#left_module ul.menu li.active{color:#fff;padding:3px;background-color: rgba(87,86,85,0.3)}
#left_module {background-color: none; color: #000; }
#left_module ul.menu li a{font-weight:bold}
#topmenu ul li, #footer ul li { color:#000; text-decoration:none }
#topmenu ul {border-bottom:1px solid #000}
#topmenu ul.menu li#current a,#footer ul.menu li#current a,#topmenu ul li a:hover{background-color:rgb(87,86,85);text-decoration:none;color:#fff}
#topmenu ul li a:active, #topmenu ul li a:focus, #footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus, #topmenu ul li.active span, #footer ul li.active span { background:rgb(87,86,85); color:#fff; font-weight:bold;text-decoration:none }
#footer ul {border-top:1px solid #000}
#topmenu ul li a:visited,#topmenu ul li a:link, #footer ul li a:link, #footer ul li a:visited { color:#000; border-right:solid 1px  rgba(87,86,85,0.3) padding:5px 5px 5px 5px; line-height:1.2em; text-decoration:none}
#topmenu ul.menu li#current a,#footer ul.menu li#current a,#topmenu ul li a:hover{background-color: rgba(87,86,85,0.3)text-decoration:none;color:#fff}
#topmenu ul li a:active, #topmenu ul li a:focus, #footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus, #topmenu ul li.active span, #footer ul li.active span { background-color: rgba(87,86,85,0.3) color:#fff; font-weight:bold;text-decoration:none }
#topmenu #active_menu-nav, #footer #active_menu-nav { background:none; color:#000; text-decoration:none}
#left_module ul, #left_module ul li, #left_module ul li a:link, #left_module ul li a:visited, #left_module ul.menu li.active ul li a { color: #000;text-decoration:none}
#footer{margin-bottom:25px}
div.module h3{color:#000}
.pflichtfeld{color:#fff;font-size:1.5em}
#content a:link, #content a:visited, #content a { color: #000; font-weight:bold; text-decoration:underline }
#footer {color:#ccc}
#footer a{color:#ccc; text-decoration:underline}
#content h3{padding-top:7px}
article{padding-right:5px}
#innerContent{padding-right:5px;background-color:rgba(255,255,255,0.4)}
.contProd2019,.contHorse2019{width:100%; display:flex;height:auto}
h3.headDog2019,h3.headHorse2019,h3.headMore2019,.headDog2019,h3.headTGI2019{background-color:rgb(82,143,188);color:#fff;margin-top:0;padding:7px;border-radius:7px; -webkit-border-radius:7px;width:auto;text-shadow:.05rem .05rem .05rem #000;line-height: 1.2rem; font-weight:normal }
h3.subtitle,h4.subtitle{color:rgb(87,86,85);text-shadow:.05rem .05rem .05rem #ccc}
.headProd2019{ -webkit-border-radius:7px;color:#000;background-color:#fff; padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:center;margin:3px}
.contDog2019,.contTGI2019{width:100%;height:auto}
.contTGIArticle2019,.contTGI2019{background-color:rgba(255,255,255,0.3)}
.contDogProfitArticle2019,.contDogProfit2019{background-color:rgb(193,212,216)}
.dog2019,.individuell2019,.horse2019,.TGI2019{ padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:left;margin:3px}
.individuell2019{ -webkit-border-radius:7px;color:#000;background-color:rgb(255,236,0); padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:center;margin:3px}
.contDogNonProfit2019,.contDogNonProfitArticle2019{background-color:rgb(162,182,192);color:#fff}
.dogNonProfit2019,.horse2019{ padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:left;margin:3px;color:#fff}
h3.headMore2019, .headMore2019{background-image: linear-gradient(to right, rgb(1,176,162) 0%, rgb(255,236,0) 75%);height:auto; width:98%;display:inline-block;color:#fff;font-weight:normal}
.contHeadMore2019{background-color: rgb(1,176,162);height:auto; width:98%;display:inline-block;color:#fff;font-weight:normal}
.contHeadIndividuell2019{background-color: rgb(255,236,0);height:auto; width:98%;display:inline-block;color:#fff;font-weight:normal}
.more{ -webkit-border-radius:7px;color:#000;background-color:rgb(1,176,162); padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:center;margin:3px}
.contMore{width:100%;height:auto;background-color:rgba(1,176,162,0.3);padding-bottom:3px;padding-right:3px;margin-top:0}
.contIndividuell{width:99%;height:auto;background-color:rgba(255,236,0,0.3);padding:5px;padding-top:0;margin-top:0}}
.contFlex{width:auto;display:flex;height:auto;justify-content:space-around;flex-direction:row}
.more2019{ -webkit-border-radius:7px;color:#000;background-color:rgba(1,176,162,0.3); padding:5px;-webkit-flex:1;flex:1;width:auto;text-align:center;margin:3px}
.headTitle{padding:0;margin:0;padding:7px;border-radius:0; -webkit-border-radius:0;width:auto;text-shadow:.05rem .05rem .05rem #000;line-height: 1.2rem; font-weight:normal}
.flex{flex:1}
.bold{font-weight:600}
.normal{font-weight:normal}
.right{text-align:right}
.noMargin{margin:0}
.noPadding{padding:0}
ul.options{list-style: none}
ul.options li:before {content: "+";margin-right: 4px}
ul.noOptions{list-style: none}
ul.noOptions li:before, li.noOptions:before {list-style-type:none;content: "-";margin-right: 4px}
.pfeil{position:relative;width: 0;height: 0;border-left: 350px solid transparent; border-right: 350px solid transparent;border-top: 30px solid rgb(1,176,162)}
div.company{width:245px;z-index:1;position:absolute;top:5px;left:0;font-size:1.4em;color:rgb(87,86,85);font-weight:normal;background-color: transparent}
div.addressblock{width:175px; float:right; z-index:1; position:absolute; top: 3em; left:0}
p.address{font-size:0.8em;line-height:1.1em;padding:0;margin:0;color:#000}
h4{margin:0;padding:0;margin-top:5px}
p{margin:3px;padding:2px}
.fault{background-color:black;color:yellow;text-align:center;padding:3px}
.fault a{color:white}