/*
Project: 
www.hundebetreuung-roeder.de/

File: style.css

@copyright Sabine Aust | Webdesign in Remscheid - http://as-webworld.de/
@author: Sabine Aust
*/

/* Fonts */

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
       url('../fonts/source-sans-pro-v11-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Italic'), local('SourceSansPro-Italic'),
       url('../fonts/source-sans-pro-v11-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/source-sans-pro-v11-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro SemiBold Italic'), local('SourceSansPro-SemiBoldItalic'),
       url('../fonts/source-sans-pro-v11-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* titillium-web-300 - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/titillium-web-v6-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'),
       url('../fonts/titillium-web-v6-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}

/* titillium-web-regular - latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/titillium-web-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../fonts/titillium-web-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/titillium-web-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/titillium-web-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/titillium-web-v6-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}


@media screen,projection{a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;list-style:none;outline:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}blockquote,q{font-style:italic;quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html,html a{-webkit-font-smoothing:antialiased}html{height:100%}body>#wrapper{min-height:100%}body{height:100.2%;background:#fff;font-family:'Source Sans Pro',Arial,Helvetica,sans-serif;font-size:100.01%;line-height:1.6em;color:#666;font-weight:400}#wrapper{width:100%;height:100%}#header-bar{background-color:#bfb85b;background-image:-moz-linear-gradient(center top ,#c7c060,#bfb85b);border-bottom:1px solid #b1aa51}#header-top{width:100%;height:auto;position:relative;background-color:#fff;-webkit-box-shadow:0 1px 5px rgba(0,0,0,.25);box-shadow:0 1px 5px rgba(0,0,0,.25);behavior:url(PIE.htc);-moz-box-shadow:0 1px 5px rgba(0,0,0,.25);z-index:10000}#slogan{background:url(../images/banner.jpg) no-repeat center center;background-color:#fff;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;display:block;text-align:center}.slogan-content{padding:11% 0 40%}#home{padding-top:3.5em}#datenschutz,#impressum,.main-content{background-color:#fff;-webkit-box-shadow:0 62px 38px -38px #e7e7e7 inset;-moz-box-shadow:0 62px 38px -38px #e7e7e7 inset;box-shadow:0 62px 38px -38px #e7e7e7 inset;behavior:url(PIE.htc);padding-top:6em;padding-bottom:5em}.inner{margin:0 auto;max-width:960px}.row{overflow:hidden;width:100%}.col1_3,.col1_5,.col2_3{float:left;margin-right:8%;min-height:1px}.col1_3{width:28%}.col2_3{width:64%}.col1_5{width:46%}.last{margin-right:0}address{font-style:normal}em{font-weight:600;font-style:italic}abbr[title]{border-bottom:1px dotted;font-variant:normal;cursor:help}strong{font-weight:600}img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;width:auto}a img{border:0 none}a{-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}a:link,a:visited{color:#b1aa51;text-decoration:none}a:active,a:focus,a:hover{color:#484848;text-decoration:underline}h1,h2,h3,h4{font-family:'Titillium Web',Arial,Helvetica,sans-serif;color:#78765a}h1{margin-bottom:.6em;font-size:3em}h2{margin-bottom:.45em;padding-top:.2em;font-size:3em;font-weight:300}h1,h2{line-height:1.4}h3{margin-bottom:.45em;padding-top:.25em;font-size:1.6em}h4{margin-bottom:.45em;padding-top:.25em;font-size:1.3em}#header h1,#header h2{color:#fff}#header h2{background-color:#c7c060;background-color:rgba(199,192,96,.7);font-size:1.6em;font-weight:400;display:inline;padding:0 10px 3px}.headline{background-color:#c7c060;-webkit-box-shadow:0 -7px 6px #b1aa51 inset;-moz-box-shadow:0 -7px 6px #b1aa51 inset;box-shadow:0 -7px 6px #b1aa51 inset;behavior:url(PIE.htc);padding:2.8em 0 3em}.headline h2{color:#fff;margin:0;padding:0}#datenschutz h2,#impressum h2{font-size:1.6em;font-weight:400;text-transform:uppercase}#datenschutz h3,#impressum h3{line-height:1.2}h3.borderline{border-bottom:1px solid #f0efef;margin-bottom:.85em;padding-top:0;padding-bottom:.4em}h3.borderline span{display:block;height:1px;margin:.275em 0 -.425em;width:140px;background-color:#78765a}.header-links{padding:.15em 0 .25em;text-align:left}.header-links li{display:inline}.header-links li a{display:inline-block;margin-right:3.25em;text-align:left;-webkit-transition:border-bottom .5s ease 0s;-moz-transition:border-bottom .5s ease 0s;-o-transition:border-bottom .5s ease 0s;-ms-transition:border-bottom .5s ease 0s;transition:border-bottom .5s ease 0s}.header-links a{color:#fff;font-size:.95em}.header-links a:link,.header-links a:visited{color:#fff;background:0 0}.header-links a:active,.header-links a:focus,.header-links a:hover{color:#f7f7f7;background:0 0}.tnav{overflow:visible;display:table-cell;vertical-align:middle;line-height:0}.tnav li{float:left}.tnav li a,.tnav li strong{display:block;margin-right:3.25em;padding:1.85em 0 1.65em;text-align:left;font-size:.975em;line-height:1.58em;min-height:inherit;-webkit-transition:border-bottom .5s ease 0s;-moz-transition:border-bottom .5s ease 0s;-o-transition:border-bottom .5s ease 0s;-ms-transition:border-bottom .5s ease 0s;transition:border-bottom .5s ease 0s}.tnav>ul>li>a{color:#484848;text-decoration:none}.tnav li a:active,.tnav li a:focus,.tnav li a:hover,.tnav li strong{color:#b1aa51}#container p,#footer p,address{margin:0 0 1.2em}#main ul{margin-bottom:1.2em;padding-left:1.2em}#main ul li{list-style-type:disc;list-style-position:outside}#main ol{margin-bottom:1.2em}#main ol li{margin-left:1.6em;list-style-type:decimal;list-style-position:outside}p.tagline{font-family:'Titillium Web',Arial,Helvetica,sans-serif;color:#78765a;font-size:1.6em;line-height:1.4}span.tele{width:5em;display:inline-block}.abstand0{margin-bottom:0!important}.image{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;behavior:url(PIE.htc);border:1px solid #ccc;margin-top:1.6em;padding:5px;background-color:#fff}.picture img{display:block;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;behavior:url(PIE.htc);vertical-align:bottom}#home .col1_5.last,#service2 .col1_5.last{margin-top:1.6em}#home .picture{margin-bottom:6em}#home .image,#service2 .image{width:91.5%}#service .picture,#service2 .picture{margin-bottom:1.2em}#footer{overflow:hidden;padding-top:1.2em;background:#c7c060}#footer p{font-size:.95em}#footer a,#footer p{color:#fff}#footer a:link,#footer a:visited{color:#fff;background:0 0}#footer a:active,#footer a:focus,#footer a:hover{color:#f7f7f7;background:0 0}#footer #scroll-top{background-color:#b1aa51;border-radius:5em 5em 5em 5em;-moz-border-radius:5em 5em 5em 5em;-webkit-border-radius:5em 5em 5em 5em;behavior:url(PIE.htc);bottom:0;color:#fff;display:inline-block;font-size:2em;letter-spacing:1px;margin:.9em;padding:.45em;position:fixed;right:0;text-decoration:none;border:1px solid transparent;text-transform:uppercase;z-index:999999}#footer #scroll-top:hover{background-color:#9b9548}.invisible{width:0;height:0;left:-32768px;top:-32768px;position:absolute;overflow:hidden;display:inline}.printIt{display:none}}@media screen and (max-width:1680px){.slogan-content{padding:11% 0 37%}}@media screen and (max-width:1440px){.slogan-content{padding:11% 0 34%}}@media screen and (max-width:1280px){.slogan-content{padding:8% 0 31%}}@media screen and (max-width:1024px){.inner{width:95%;max-width:960px}#datenschutz,#impressum,.main-content{padding-top:5em;padding-bottom:4em}h1,h2{font-size:2.6em}#home .picture{margin-bottom:5em}}@media screen and (max-width:980px){#footer p{float:left}#footer #scroll-top{position:static;float:right;margin:0}}@media screen and (max-width:767px){.slogan-content{padding:8% 0 34%}#datenschutz h2,#header h2,#impressum h2,h3,p.tagline{font-size:1.3em}h4{font-size:1.1em}.col1_3,.col1_5,.col2_3{width:100%;float:none}#home .picture{margin-bottom:4em}#home .image,#service .image,#service2 .image{width:70%;margin-left:auto;margin-right:auto}.picture img{width:100%}.tnav li{float:none}.tnav li a,.tnav li strong{margin-right:0}.tnav li a.first,.tnav li strong.first{padding:1.45em 0 .25em}.tnav li a.last,.tnav li strong.last{padding:.25em 0 1.35em}}@media screen and (max-width:640px){#header h1{margin-bottom:.3em}#header h2,p.tagline{font-size:1.1em}#footer{text-align:center}#footer p{float:none!important}#footer #scroll-top{float:none!important}}@media screen and (max-width:480px){#home .picture{margin-bottom:3em}#datenschutz,#impressum,.main-content{padding-top:4em;padding-bottom:3em}#header h2{line-height:1.9em}h1,h2{font-size:1.8em}#home h2{font-size:1.45em;font-weight:400}#header h2{font-size:.95em}}@media print{body{margin-bottom:1cm;font-size:10pt;line-height:1.5;font-family:Arial,Helvetica,sans-serif;color:#000;background-color:#fff;background-image:none}div.printIt{margin-bottom:.5cm;padding-bottom:.5cm;border-bottom:3px solid #c4c4c4}h1,h2,h3,h4{line-height:1.2;font-weight:700}h1{font-size:16pt}h2{font-size:12pt}h3,h4{font-size:11pt}a{text-decoration:none;color:#000}address{font-style:normal}.image{margin-left:0}img{width:200px;height:200px}#scroll-top,.header-links,.invisible,.tnav{display:none}}