/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('../fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('../fonts/source-sans-pro-v21-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
*,html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,label,fieldset,input,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul,li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}strong{font-family:'Source Sans Pro', sans-serif;font-weight:700;font-style:normal}em{font-style:italic}a img{border:none}.clear{clear:both;height:0px}a{outline:none}body{font-family:'Source Sans Pro', sans-serif;font-weight:normal;font-style:normal;font-size:62.5%;background:#E2E3E4;color:#343245}header{font-size:1.4em;overflow:hidden}.wrap{width:1170px;max-width:1170px;margin:auto;padding:0px 15px}.headerbox{background:#e2e2e4;position:relative}.headerbox .inner{background:url("../header-bg.jpg") bottom right no-repeat #e2e2e4;height:90%;padding:5% 0;min-height:650px;max-height:1100px;position:relative}#beratung{background:url("../pinsel-produktion.jpg") center -100px no-repeat;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;padding-top:450px}#bechhofen{background:url("../bechhofen.jpg") center -50px no-repeat #fff;-webkit-transition:background 0.5s ease;-moz-transition:background 0.5s ease;-ms-transition:background 0.5s ease;-o-transition:background 0.5s ease;transition:background 0.5s ease;padding-top:575px}#beratung.active,.no-js #beratung{background-position:center 0px}#kontakt{padding-top:0px}#kontakt h3{font-size:1.8em;font-weight:bold}#kontakt p{font-weight:200;color:#fff}#kontakt i{font-weight:bold;font-style:normal}#kontakt a{color:#fff;text-decoration:none}.logo{position:fixed;z-index:100;width:100%;height:120px;padding:5% 0 2.5%;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.logo.fixed,.no-js .logo{background:#fff;background:rgba(255,255,255,0.9);padding:3% 0 2.5%}.logo img{width:30%;max-width:30%;min-width:220px;height:auto;max-height:120px}.logo .nav{float:right}.nav a{text-decoration:none;text-transform:uppercase;color:#343245;padding:15px 20px 10px;font-size:1.2em;line-height:110px;background:rgba(255,255,255,0.9);margin-left:5px;border-bottom:5px solid rgba(255,255,255,0.3);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.nav a:hover{color:#72A550}.logo.fixed .nav a,.no-js .logo .nav{background-color:rgba(255,255,255,0)}.nav a.active{border-bottom:5px solid #72A550;color:#72A550}.two_col{width:66%}.one_col{width:33%}@-webkit-keyframes introtext{70%{left:-2%;opacity:1}90%{left:2%;opacity:1}100%{left:0;opacity:1}}@-moz-keyframes introtext{70%{left:-2%;opacity:1}90%{left:2%;opacity:1}100%{left:0;opacity:1}}@-o-keyframes introtext{70%{left:-2%;opacity:1}90%{left:2%;opacity:1}100%{left:0;opacity:1}}@keyframes introtext{70%{left:-2%;opacity:1}90%{left:2%;opacity:1}100%{left:0;opacity:1}}.headerbox .inner .one_col{position:absolute;top:30%;left:0;opacity:1}.headerbox .inner .one_col .button{margin-top:0}p{font-size:1.2em;font-weight:200;color:#343245;line-height:1.6em;margin-bottom:1em}.button{font-size:1.2em;background:#72A550;padding:10px 20px;color:#fff;text-decoration:none;display:inline-block;margin-top:1.6em;border-radius:2px;-webkit-transition:background 0.12s ease;-moz-transition:background 0.12s ease;-ms-transition:background 0.12s ease;-o-transition:background 0.12s ease;transition:background 0.12s ease}.button.center{width:250px;margin:75px auto 0;display:block;text-align:center}.button:hover{background:#5c8845}.button:active{background:#4f753c}.headerbox .inner .one_col h1{font-size:4.2em;font-weight:300;margin-bottom:0.4em}.white{background:#fff}.content{padding:200px 0px 100px;font-size:1.4em}.content a{color:#5c8845;text-decoration:underline}h2{font-size:3.0em;font-weight:300;margin-bottom:0.4em;margin-top:1.4em;color:#354771}.footer{font-size:1.4em;background:#354771;padding:50px 0px 100px;color:#fff}.text{-webkit-column-count:2;-webkit-column-gap:50px;-moz-column-count:2;-moz-column-gap:50px;column-count:2;column-gap:50px}#pinsel-area{width:100%;position:relative;overflow:hidden;min-height:150px}#pinsel .text{margin-bottom:100px}.borsten-selektion{margin-top:75px;margin-bottom:50px;-webkit-transition:all 0.12s ease-in-out;-moz-transition:all 0.12s ease-in-out;-ms-transition:all 0.12s ease-in-out;-o-transition:all 0.12s ease-in-out;transition:all 0.12s ease-in-out}.borsten-selektion li{float:left;width:19%;margin-right:1%}.borsten-selektion li strong{display:block;font-weight:normal;background:#72A550;color:#fff;padding:10px 20px;border-radius:2px;margin-bottom:1.4em;font-size:1.2em}.borsten-selektion li{opacity:0.6;-webkit-transition:all 0.12s ease-in-out;-moz-transition:all 0.12s ease-in-out;-ms-transition:all 0.12s ease-in-out;-o-transition:all 0.12s ease-in-out;transition:all 0.12s ease-in-out}.borsten-selektion li.active,.borsten-selektion li:hover,.no-js .borsten-selektion li{opacity:1;cursor:pointer}.borsten-selektion li.active:hover,.no-js .borsten-selektion li{cursor:default}.borsten-selektion p{padding-right:2%}#pinsel-area .pinselanimation{position:absolute;top:0px;height:100px;background-repeat:no-repeat}@-webkit-keyframes pinsel1-out{0%{left:50%;opacity:1}100%{left:-10%;opacity:0}}@-moz-keyframes pinsel1-out{0%{left:50%;opacity:1}100%{left:-10%;opacity:0}}@-o-keyframes pinsel1-out{0%{left:50%;opacity:1}100%{left:-10%;opacity:0}}@keyframes pinsel1-out{0%{left:50%;opacity:1}100%{left:-10%;opacity:0}}.pinsel{width:280px;z-index:1;background-image:url("../pinsel.png");background-position:0px right;left:-10%;opacity:0;margin-left:-225px;-webkit-transition:background 0.12s ease-in-out;-moz-transition:background 0.12s ease-in-out;-ms-transition:background 0.12s ease-in-out;-o-transition:background 0.12s ease-in-out;transition:background 0.12s ease-in-out;-webkit-animation:pinsel1-out .7s forwards 0s;-moz-animation:pinsel1-out .7s forwards 0s;-o-animation:pinsel1-out .7s forwards 0s;animation:pinsel1-out .7s forwards 0s}.borste{display:none}.no-js li .borste{display:block;background-image:url("../pinsel.png");height:100px;margin-bottom:50px}.no-js #pinsel-area{display:none}#borste1,.borste1{background-position:0px 0px !important}#borste2,.borste2{background-position:0px -100px !important}#borste3,.borste3{background-position:0px -200px !important}#borste4,.borste4{background-position:0px -300px !important}#borste5,.borste5{background-position:0px -400px !important}@-webkit-keyframes pinsel1-in{0%{left:0%}20%{opacity:1}90%{left:49%}100%{left:48%;opacity:1}}@-moz-keyframes pinsel1-in{0%{left:0%}20%{opacity:1}90%{left:49%}100%{left:48%;opacity:1}}@-o-keyframes pinsel1-in{0%{left:0%}20%{opacity:1}90%{left:49%}100%{left:48%;opacity:1}}@keyframes pinsel1-in{0%{left:0%}20%{opacity:1}90%{left:49%}100%{left:48%;opacity:1}}.pinsel.animate{-webkit-animation:pinsel1-in .4s forwards 0s;-moz-animation:pinsel1-in .4s forwards 0s;-o-animation:pinsel1-in .4s forwards 0s;animation:pinsel1-in .4s forwards 0s}@-webkit-keyframes stumpf1-out{0%{left:50%;opacity:1}100%{left:110%;opacity:0}}@-moz-keyframes stumpf1-out{0%{left:50%;opacity:1}100%{left:110%;opacity:0}}@-o-keyframes stumpf1-out{0%{left:50%;opacity:1}100%{left:110%;opacity:0}}@keyframes stumpf1-out{0%{left:50%;opacity:1}100%{left:110%;opacity:0}}.stumpf{width:260px;z-index:2;background-image:url("../stumpf.png");left:110%;opacity:0;-webkit-animation:stumpf1-out .4s forwards 0s;-moz-animation:stumpf1-out .4s forwards 0s;-o-animation:stumpf1-out .4s forwards 0s;animation:stumpf1-out .4s forwards 0s}@-webkit-keyframes stumpf1-in{0%{left:110%}20%{opacity:1}80%{left:48%}100%{left:48%;opacity:1}}@-moz-keyframes stumpf1-in{0%{left:110%}20%{opacity:1}80%{left:48%}100%{left:48%;opacity:1}}@-o-keyframes stumpf1-in{0%{left:110%}20%{opacity:1}80%{left:48%}100%{left:48%;opacity:1}}@keyframes stumpf1-in{0%{left:110%}20%{opacity:1}80%{left:48%}100%{left:48%;opacity:1}}.stumpf.animate{-webkit-animation:stumpf1-in .4s forwards 0s;-moz-animation:stumpf1-in .4s forwards 0s;-o-animation:stumpf1-in .4s forwards 0s;animation:stumpf1-in .4s forwards 0s}#map{width:100%;height:500px}.gm-style .gm-style-iw{font-size:2.0em;font-weight:300;color:#354771}@media screen and (max-width: 1200px){.wrap{width:95%;padding:0 2.5%}.borsten-selektion li{float:left;width:32%;margin-right:1%;margin-bottom:3%}.logo{height:auto}.nav a{padding:15px 15px 10px;line-height:90px}.content{padding-top:120px}}@media screen and (max-width: 1200px){.wrap{width:95%;padding:0% 2.5%}.headerbox .wrap{padding-left:0;padding-right:0;width:100%;padding:0}.headerbox .wrap .inner .one_col{margin-left:2.5%}}@media screen and (max-width: 1100px){.headerbox .inner{background-position:30% 90%}.one_col{width:50%}}@media screen and (max-width: 1000px){.headerbox .inner{background-position:50% 90%}.footer{padding:5% 0px}.footer h2{margin-top:0}}@media screen and (max-width: 960px){.nav a{padding:15px 10px 10px;line-height:70px}.logo{height:auto;background:#fff;background:rgba(255,255,255,0.9);padding:3% 0 2.5%}.content{padding-top:100px}.headerbox .inner{background-position:40% 90%}.one_col{width:50%}.content{padding-top:50px;padding-bottom:50px}}@media screen and (max-width: 900px){.headerbox .inner .one_col{top:180px}.headerbox .inner .one_col h1{font-size:3.4em}.headerbox .inner{background-position:50% 70%}#beratung{padding-top:200px;background-size:100%;background-position:center -150px}#beratung.active{background-position:center -100px}}@media screen and (max-width: 760px){.text{-webkit-column-count:1;-webkit-column-gap:0px;-moz-column-count:1;-moz-column-gap:0px;column-count:1;column-gap:0px}.borsten-selektion li{float:left;width:47%;margin-right:3%;margin-bottom:3%}.nav{display:none}#beratung{background-size:100%;background-position:center -50px}#beratung.active{background-position:center -50px}}@media screen and (max-width: 750px){.logo{padding:25px 0 15px}}@media screen and (max-width: 700px){header{overflow:inherit}.headerbox .inner{min-height:1000px;min-height:700px;max-height:auto;height:auto;background-position:bottom center;background-size:120%}.one_col{width:60%;left:5%}#beratung{background-size:120%}}@media screen and (max-width: 600px){header{overflow:inherit}.headerbox .inner{min-height:1000px;min-height:1000px;max-height:auto;height:auto;background-position:bottom right;background-size:170%}.one_col{width:90%;left:5%}.headerbox .inner .one_col{top:170px}#beratung{background-size:150%;background-position:center -100px}#beratung.active{background-position:center -100px}#bechhofen{padding-top:300px;background-size:150%;background-position:top center}}@media screen and (max-width: 550px){#bechhofen{background-size:200%}}@media screen and (max-height: 700px){.logo{padding:25px 0 15px}.logo.fixed{padding:25px 0 15px}.headerbox .inner .one_col{top:160px}.headerbox .inner .one_col h1{font-size:3.4em}.content{padding-top:50px;padding-bottom:50px}}@media screen and (max-width: 450px){.borsten-selektion li{float:left;width:100%;margin-right:0;margin-bottom:10px}.borsten-selektion{margin-top:0}.borsten-selektion li strong{margin-bottom:0}.borsten-selektion li p{display:none}#beratung{padding-top:75px}}