/* normal */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 15px; color: #fff; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #fff; }
body { background: #fff; }
img { border: 0px; display: block; }
a, input { outline: none; }
a { text-decoration: none; }
ul li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.clear { clear: both; height: 0px; overflow: hidden; }
.centering { width:1000px; margin: 0 auto; }
/* template */
#template { position: relative; display: block; width: 100%; min-height: 100%; }
/* layout */
#layout { margin: 0 auto; width: 100%; }
/* header */
#header-part { position: relative; z-index:999999999; float: left; width: 100%; min-height: 62px; border-top: 3px solid #c70000; background: #1c230d; }
#header-part .centering { position: relative; }
/* top-bar */
.top-bar { width: 100%; float: left; }
.top-bar .logo { position: absolute; width: auto; left: -21px; top: 13px; }
.top-bar .nav { margin-top: -3px; position: relative; float: right; width: auto; }
.top-bar ul li { position: relative; float: left; display: block; }
.top-bar ul li a { padding: 0px 11px; border-top: 5px solid rgba(255,255,255,0); transition: 0.3s ease-in-out 0s; -webkit-transition: 0.3s ease-in-out 0s; line-height: 62px; display: block; font-family:'AbadiMT-CondensedLight'; font-size: 21px; color: #fff; }
.top-bar ul li:hover a { border-top: 5px solid rgba(255,255,255,1); transition: 0.3s ease-in-out 0s; -webkit-transition: 0.3s ease-in-out 0s; background: #c50000; }
.top-bar ul li:hover ul li a { border-top: inherit; }
.top-bar ul ul { display: none; position: absolute; top: 100%; width: 185px; background: #c50000; }
.top-bar ul li:hover ul { display: block; }
.top-bar ul ul li a { width: 200px; line-height: 50px; border-top: inherit; }
.top-bar ul ul li:hover a { background: #666; }
.sticky { position: fixed; top: 30%; right: 0px; z-index: 9; }
/* banner */
#banner-part { width: 100%; float: left; }
#banner-part img { width: 100%; height: auto; }
/* banner-bar */
.banner-bar { max-height: 442px; overflow: hidden; }
.banner-bar .flexslider { position: relative; width: 100%; overflow: hidden; }
.banner-bar .flexslider ul.slides li { width: 100%; position: relative; }
.banner-bar .flex-control-nav { position: absolute; bottom: 20px; right: 300px; }
.banner-bar .flex-control-nav li { margin: 0px 3px; float: left; display: block; text-indent: -9999px }
.banner-bar .flex-control-nav li a { display: block; width: 28px; height: 7px; background: #c50000; }
.banner-bar .flex-control-nav li a.flex-active{ background: #fff; }
.banner-bar .flex-direction-nav { display: none; }
.banner-bar .overlay { margin-left: 170px; position: absolute; top: 78%; left: 50%; overflow: hidden; width: 400px; height: 50px; }
.banner-bar p { font-family:'Desyrel-Regular'; font-size: 30px; color: #fff; letter-spacing: 2px; }
/* content */
#content-part { position: relative; float: left; width: 100%; border-top: 2px solid #222222; border-bottom: 3px solid #222; background: #666666; }
/* left */
#left-part { position: absolute; top: -25px; left: 0px; width: 292px; height: 105%; /*min-height: 1116px;*/ border-top-right-radius: 30px; border-bottom-right-radius: 30px; background: #323232; }
#left-part .inner-col { width: 100%; overflow: hidden; height: 268px; border-top-right-radius: 30px; background: -webkit-linear-gradient(#000000, #323232); background: -o-linear-gradient(#000000, #323232); background: -moz-linear-gradient(#000000, #323232); background: linear-gradient(#000000, #323232); position: relative; bottom: 0; }
/* center */
#center-part { float: left; width: 100%; }
/* service-bar */
.service-bar { padding: 25px 15px 15px; width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.service-bar .box { margin-right: 17px; width: 310px; float: left; border: 1px solid #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; overflow: hidden; }
.service-bar .box:nth-child(3n) { margin-right: 0px; }
.service-bar img { display: block; width: 100%; }
.service-bar h2 { padding-top: 4px; font-family:'AbadiMT-CondensedLight'; font-size: 20px; text-align: center; color: #fff; line-height: 35px; background: #c50000; }
.service-bar .innerparah { padding-bottom: 10px; width: 100%; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: #fff; }
.service-bar p { padding: 8px; font-family:'ArialMT-Regular'; font-size: 14px; color: #444; line-height: 17px; }
.service-bar span { color: #c60000; }
.service-bar a { margin-left: 10px; padding: 5px 0px; box-shadow: 0px 1px 2px 0px #1e1e1e; width: 140px; font-family:'AbadiMT-CondensedLight'; font-size: 16px; text-align: center; display: inline-block; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; background: #c50000; background: -webkit-linear-gradient(#c90707, #d83e3b); background: -o-linear-gradient(#c90707, #d83e3b); background: -moz-linear-gradient(#c90707, #d83e3b); background: linear-gradient(#c90707, #d83e3b); }
.service-bar a:hover { background: -webkit-linear-gradient(#050505, #626262); background: -o-linear-gradient(#050505, #626262); background: -moz-linear-gradient(#050505, #626262); background: linear-gradient(#050505, #626262); }
/* middle-bar */
.middle-bar { padding: 15px 15px 35px; width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.middle-bar .left { width: 660px; float: left; }
.middle-bar h2 { padding-top: 15px; margin-bottom: 5px; margin-left: 10px; font-family:'AbadiMT-CondensedLight'; font-size: 20px; color: #fff; line-height: 80px; padding-left: 90px; letter-spacing: 2.8px; background: url(../images/headline.png) left center no-repeat}
.middle-bar p { padding: 0px 35px 15px 32px; font-family: arial; font-size: 14px; color: #fff; line-height: 17px; }
.middle-bar p a { color:#C70000; }
.middle-bar p span { color: #c60000; }
.middle-bar h3 { padding: 5px 0px 5px 40px; display: inline-block; font-family:'Desyrel-Regular'; font-size: 35px; color: #c60000; text-shadow: 0px 0px 5px #CCC; transform:rotate(-4deg); -webkit-transform:rotate(-4deg); -moz-transform:rotate(-4deg); -o-transform:rotate(-4deg); -ms-transform:rotate(-4deg); letter-spacing: 2px; }
.middle-bar .right { width: 308px; float: right; margin-top: 12px; border: solid 1px #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; overflow: hidden;}
.middle-bar .right img { width: 100%; height: auto;}
/* tags-bar */
.tags-bar { margin-bottom: 30px; width: 100%; overflow: hidden; text-align: center; background: -webkit-linear-gradient(#950101, #ca2a20); background: -o-linear-gradient(#950101, #ca2a20); background: -moz-linear-gradient(#950101, #ca2a20); background: linear-gradient(#950101, #ca2a20); }
.tags-bar span { display: inline-block; font-family:'AbadiMT-CondensedLight'; font-size: 17px; color: #fff; text-transform: uppercase; letter-spacing: 2px; line-height: 55px; }
/* right */
#right-part { position: absolute; top: -25px; right: 0px; width: 292px; height: 105%; /*min-height: 1116px;*/ border-top-left-radius: 30px; border-bottom-left-radius: 30px; background: #323232; }
#right-part .inner-col { width: 100%; float: right; height: 268px; border-top-left-radius: 30px; background: -webkit-linear-gradient(#000000, #323232); background: -o-linear-gradient(#000000, #323232); background: -moz-linear-gradient(#000000, #323232); background: linear-gradient(#000000, #323232); position: relative; bottom: 0; }
.rightsocial-nav { float: right; margin-top: 70px; overflow: hidden; }
.rightsocial-nav ul li { margin: 5px 0px; text-align: right; }
.rightsocial-nav ul li a { transition: 0.4s ease-in-out 0s; -webkit-transition: 0.4s ease-in-out 0s; -moz-transition: 0.4s ease-in-out 0s; padding: 10px 10px 10px 40px; right: -183px; position: relative; line-height: 22px; display: inline-block; font-family:'ArialMT-Regular'; font-size: 16px; color: #fff; min-height: 22px; width: 180px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.rightsocial-nav ul li a:hover { transition: 0.4s ease-in-out 0s; -webkit-transition: 0.4s ease-in-out 0s; -moz-transition: 0.4s ease-in-out 0s; right: 0px; }
.rightsocial-nav ul li a span { display: block; width: 155px; }
.rightsocial-nav ul li:nth-child(1n) a { background: #c70000 url(../images/icon1.png) 10px no-repeat; }
.rightsocial-nav ul li:nth-child(2n) a { background: #c70000 url(../images/icon2.png) 10px no-repeat; }
.rightsocial-nav ul li:nth-child(3n) a { background: #c70000 url(../images/icon3.png) 10px no-repeat; }
.rightsocial-nav ul li:nth-child(4n) a { background: #c70000 url(../images/icon4.png) 10px no-repeat; }
/* center-part */
.hundinnen .service-bar .box { margin-bottom: 35px; }
.hundinnen .service-bar p { font-size: 12px; min-height: 35px; }
/* hundinnen-bar */
.hundinnen-bar { padding: 35px 35px 0px; width: 100%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.hundinnen-bar h2 { padding-left: 65px; padding-top: 15px; margin-top: -15px; font-family:'AbadiMT-CondensedLight'; font-size: 20px; color: #fff; line-height: 55px; letter-spacing: 2px; background: url(../images/headline2.png) left center no-repeat; }
.hundinnen-bar p { font-family:'ArialMT-Regular'; font-size: 14px; color: #fff; line-height: 17px; }
.hundinnen-bar p span { color: #c60000; font-weight: bold; }
/* risco-bar */
.risco-bar { margin-top: -15px; padding: 0px 15px 15px; width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.risco-bar h2 { padding-left: 65px; padding-top: 15px; margin-top: -15px; margin-bottom: 10px; font-family:'AbadiMT-CondensedLight'; font-size: 20px; color: #fff; line-height: 55px; letter-spacing: 2px; background: url(../images/headline2.png) left center no-repeat; }
.risco-bar .left { width: 480px; min-height: 100px; float: left; text-align: center }
.risco-bar .left span { display: inline-block; font-family:'AbadiMT-CondensedLight'; font-size: 18px; color: #fff; letter-spacing: 2px; line-height: 45px; }
.risco-bar .left img { border: solid 1px #fff; border-radius: 22px; }
.risco-bar .right { width: 462px; min-height: 100px; float: right; }
.risco-bar .right h3 { margin-top: 10px; font-family:'AbadiMT-CondensedLight'; font-size: 20px; color: #fff; letter-spacing: 2px; line-height: 40px; }
.risco-bar .right p { font-family:'ArialMT-Regular'; font-size: 14px; color: #fff; line-height: 17px; }
.risco-bar .right p span { color: #c60000; }
.risco-bar .right ul { margin-top: 10px; }
.risco-bar .right ul li { margin: 5px 0px; padding-left: 35px; font-family:'AbadiMT-CondensedLight'; font-size: 18px; color: #fff; background: url(../images/ulli.png) left 2px no-repeat; line-height: 27px; letter-spacing: 2px; }
/* fotos-bar */
.fotos-bar { margin-bottom: 10px; width: 100%; float: left; box-shadow: 0px 4px 6px -4px #1e1e1e; background: #fff; }
.fotos-bar h2 { text-align: center; position: relative; }
.fotos-bar h2:after { content: " "; position: absolute; width: 50%; height: 3px; background: #c50000; left: 0px; top: 50%; background: -webkit-linear-gradient(left, #ffffff, #c50000); background: -o-linear-gradient(left, #ffffff, #c50000); background: -moz-linear-gradient(left, #ffffff, #c50000); background: linear-gradient(to left, #ffffff, #c50000); }
.fotos-bar h2:before { content: " "; position: absolute; width: 50%; height: 3px; background: #c50000; right: 0px; top: 50%; background: #c50000; right: 0px; top: 50%; background: -webkit-linear-gradient(left, #c50000, #ffffff); background: -o-linear-gradient(left, #c50000, #ffffff); background: -moz-linear-gradient(left, #c50000, #ffffff); background: linear-gradient(to left, #c50000, #ffffff);}
.fotos-bar span { position: relative; z-index: 9; display: inline-block; font-family:'AbadiMT-CondensedLight'; font-weight: bold; font-size: 22px; color: #c70000; background: #fff; line-height: 54px; padding: 0px 10px;}
.fotos-bar .pannel { padding-bottom: 22px; width: 100%; float: left; }
.fotos-bar .pannel img { margin-right: 22px; display: block; float: left; }
.fotos-bar .pannel img:first-child { margin-left: 24px; }
/* stamboom-bar */
.stamboom-bar { width: 100%; float: left; }
.stamboom-bar h2 { text-align: center; position: relative; }
.stamboom-bar h2:after { content: " "; position: absolute; width: 50%; height: 3px; background: rgba(255,255,255,0.5); left: 0px; top: 50%; background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)); background: linear-gradient(to left, rgba(255,255,255,0), rgba(255,255,255,1)); }
.stamboom-bar h2:before { content: " "; position: absolute; width: 50%; height: 3px; right: 0px; top: 50%; background: #c50000; right: 0px; top: 50%; background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); background: -o-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0)); background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));}
.stamboom-bar h2 span { position: relative; z-index: 9; display: inline-block; font-family:'AbadiMT-CondensedLight'; font-weight: bold; font-size: 22px; color: #fff; background: #666666; line-height: 80px; padding: 0px 10px; }
.stamboom-bar .pannel{ padding: 15px 15px 30px; width: 100%; float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.stamboom-bar .box { float: left; width: 25%; }
.stamboom-bar ul li { text-align: center; font-family:'AbadiMT-CondensedLight'; font-size: 20px; color: #fff; display: block; line-height: 235px; }
.stamboom-bar ul.two li { display: block; line-height: 117.5px; }
.stamboom-bar ul.three li { display: block; line-height: 58.7px; }
.stamboom-bar ul.four li { display: block; line-height: 29.3px; }
.stamboom-bar ul li.one { background: -webkit-linear-gradient(left, #595959, #b1b1b1); background: -o-linear-gradient(left, #595959, #b1b1b1); background: -moz-linear-gradient(left, #595959, #b1b1b1); background: linear-gradient(to left, #595959, #b1b1b1); }
.stamboom-bar ul li.two { background: -webkit-linear-gradient(right, #595959, #b1b1b1); background: -o-linear-gradient(right, #595959, #b1b1b1); background: -moz-linear-gradient(right, #595959, #b1b1b1); background: linear-gradient(to right, #595959, #b1b1b1); }
/* footer part */
#footer-part { float: left; width: 100%; }
/* top-bar */
.footertop-bar { padding: 45px 0px 15px; width: 100%; float: left; font-family:'ArialMT-Regular'; font-size: 16px; color: #fff; background: #666666; }
.footertop-bar .centering { padding: 0px 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.footertop-bar .box { position: relative; overflow: hidden; margin-right: 24px; float: left; width: 305px; height: 218px; border: solid 1px #fff; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; background: #323232; }
.footertop-bar .add { padding-bottom: 20px;}
.footertop-bar h2 { padding-bottom: 12px; font-family:'AbadiMT-CondensedLight'; font-size: 19px; color: #fff; letter-spacing: 2px; }
.footertop-bar span { display: block; }
.footertop-bar .box img { width: 100%; }
.footertop-bar a { font-family:'ArialMT-Regular'; font-size: 16px; color: #fff; }
.footertop-bar a:hover { text-decoration: underline; }
.footertop-bar .box:nth-child(3n) { line-height: 18px; padding: 28px 10px; margin-right: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.footertop-bar iframe { overflow: hidden; width: 100%; height: 100%; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border: none; }
/* copyright-bar */
.copyright-bar { width: 100%; float: left; min-height: 90px; text-align: center; background: #323232; }
.copyright-bar span { display: inline-block; font-family:'ArialMT-Regular'; font-size: 14px; color: #fff; line-height: 30px; }
.copyright-bar a { font-family:'ArialMT-Regular'; font-size: 14px; color: #fff; text-decoration: underline; }
.copyright-bar a:hover { text-decoration: none; }
@media only screen and (max-width: 1440px) {
#left-part, #right-part { width: 12%; }
}
@media only screen and (max-width: 1280px) {
#left-part, #right-part { width: 5%; }
}
@media only screen and (max-width: 1100px) {
#left-part, #right-part { display: none; }
}
@media only screen and (max-width: 999px) {
.centering { padding: 0 15px; width: auto; }
img { max-width: 100%; }
.top-bar .logo { width: 33%; }
.top-bar .nav { width: 71%; }
.banner-bar .overlay { top: 60%; left: 46%; }
#left-part { width: 2%; min-height: 1175px; }
#right-part { width: 2%; min-height: 1175px; }
.service-bar { text-align: center; }
.service-bar .box { display: inline-block; float: none; }
.service-bar a { float: left; }
.service-bar .box { width: 30%; }
.middle-bar .left { width: 60%; }
.middle-bar .right { width: 38%; }
.footertop-bar { text-align: center; }
.footertop-bar .box { width: 31%; height: 210px; }
.footertop-bar .box img { height: 100%; }
.footertop-bar .add { padding-bottom: 10px; }
.risco-bar .left { width: 48%; }
.risco-bar .right { width: 48%; }
.fotos-bar .pannel img { width: 17%; margin-right: 2%; }
.fotos-bar .pannel img:first-child { margin-left: 2%; }
.hundinnen-left { height: 2170px; }
.hundinnen-right { height: 2170px; }
}
@media only screen and (max-width: 899px) {
.rightsocial-nav { display: none; }
.top-bar .logo { width: 30%; left: -10px; }
.top-bar .nav { width: 73%; }
.top-bar ul li a { padding: 0px 9px; font-size: 18px; }
.banner-bar .overlay { top: 50%; left: 30%; }
.tags-bar span { font-size: 15px; }
.footertop-bar .box { width: 30%; height: 195px; }
.footertop-bar .box:nth-child(3n) { padding: 11px 10px; }
.footertop-bar h2 { padding-bottom: 7px; font-size: 16px; }
.footertop-bar { font-size: 14px; }
.footertop-bar a { font-size: 14px; }
.risco-bar .right ul li { font-size: 14px; }
.risco-bar .right p { font-size: 12px; }
.service-bar .box { border-top-left-radius: 18px; border-top-right-radius: 18px; }
.footertop-bar .box { border-radius: 20px; }
.footertop-bar iframe { border-radius: 18px; }
.hundinnen-left { height: 2210px; }
.hundinnen-right { height: 2210px; }
}
@media only screen and (max-width: 767px) {
.toggle { margin: 20px 0px 0px; display: block; cursor: pointer; float: right; }
.toggle::before { content: "MENU"; }
.toggle span { margin: 5px 0px; width: 32px; height: 3px; display: block; background: #fff; }
.top-bar ul { width: 100%; position: absolute; top: 100%; left: 0px; z-index: 9999; display: none; background: #1C230D; }
.top-bar ul li { width: 100%; position: relative; border-bottom: 1px solid #050B02; }
.top-bar ul ul { width: 100%; }
.top-bar li .submenu:before { position: absolute; right: 10px; top: 30%; content: "+"; width: 20px; height: 20px; color: #FFF; z-index: 999; cursor: pointer; font-size: 20px; font-weight: bold; }
.top-bar li .submenu-hide:before { color: #fff; content: "-"; cursor: pointer; font-size: 32px; font-weight: bold; height: 20px; position: absolute; right: 10px; top: 10%; width: 20px; z-index: 999; }
.top-bar ul li a { padding: 0px 20px; line-height: 50px; box-sizing: border-box; }
.middle-bar .left { width: 100%; }
.middle-bar .right { width: 100%; }
.risco-bar .left { width: 100%; }
.risco-bar .left img { width: 100%; }
.risco-bar .right { width: 100%; }
.risco-bar .right p { font-size: 14px; }
.risco-bar .right ul li { font-size: 16px; }
.service-bar .box { border-top-left-radius: 14px; border-top-right-radius: 14px; }
.stamboom-bar .box { width: 50%; }
.hundinnen-bar { padding: 20px 10px 0px; }
.hundinnen-left { height: 2860px; }
.hundinnen-right { height: 2860px; }
}
@media only screen and (max-width: 599px) {
.service-bar .box { margin-bottom: 25px; margin-right: 0px; width: 100%; border-top-left-radius: 37px; border-top-right-radius: 41px; }
.banner-bar p { font-size: 25px; }
.banner-bar .overlay { margin-left: 0px; text-align: center; width: 100%; left: 0px; top: 37%; }
.tags-bar span { padding: 10px; line-height: 25px; }
.footertop-bar .box { margin-bottom: 20px; margin-right: 0px; width: 100%; height: auto; border-radius: 36px; }
.banner-bar .flex-control-nav { width: 100%; left: 0px; right: 0px; bottom: 0px; text-align: center; }
.banner-bar .flex-control-nav li { float: none; display: inline-block; }
.top-bar .logo { width: 50%; }
.middle-bar { padding: 0px; }
.service-bar { margin-top: 30px; padding: 0px; }
.middle-bar h2 { padding-left: 93px; margin-bottom: 20px; line-height: 30px; }
.middle-bar p { padding: 0px 0px 15px 0px; }
.footertop-bar iframe { border-radius: 36px; }
.fotos-bar .pannel img { width: 29%; margin: 2%; }
.hundinnen-left { height: 5130px; }
.hundinnen-right { height: 5130px; }
}
@media only screen and (max-width: 479px) {
.hundinnen-bar { padding: 10px 10px 0px; }
.fotos-bar .pannel img { width: 96%; margin: 2%; }
.footertop-bar iframe { border-radius: 33px; }
.stamboom-bar .box { width: 100%; }
.hundinnen-left { height: 6790px; }
.hundinnen-right { height: 6790px; }
}