@import url("//cdn2.hubspot.net/hub/3290019/hub_generated/template_assets/82219894178/1660740967251/Codierte_Dateien/Custom/fonts/fonts.min.css");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;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.colblock{margin:0 auto;max-width:1170px;width:100%;clear:both;padding:0 15px}.area{display:block;width:100%;overflow:hidden;position:relative}.col,.gridspecs{margin-bottom:0;float:left}.half-bottom .col{margin-bottom:30px}.inner{margin-right:15px;margin-left:15px}.full.colblock{width:100%;max-width:100%}.full.colblock>.col{width:100%}.full.colblock .inner{margin:0}.full.colblock>.col:first-child .inner{margin-left:0}.full.colblock>.col:last-child .inner{margin-right:0}.col1{width:8.33333%}.col2{width:16.66667%}.col3{width:25%}.col4{width:33.33333%}.col5{width:41.66667%}.col6{width:50%}.col7{width:58.33333%}.col8{width:66.66667%}.col9{width:75%}.col10{width:83.33333%}.col11{width:91.66667%}.col12{width:100%}.fullscreen-content{padding:3rem 0 0}#grid .col .inner{height:50px;background-color:grey;padding:10px;margin-bottom:30px}#grid .full .col .inner{height:500px}@media only screen and (max-width:1024px){main .col3{width:50%}main .col9,main .colblock100>*{width:100%}}@media only screen and (max-width:920px){.colblock{width:100%}}@media only screen and (max-width:740px){.half-bottom .col{margin-bottom:20px}.inner{margin-right:10px;margin-left:10px}.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10,.col11,.col12,main .col1,main .col2,main .col3,main .col4,main .col5,main .col6,main .col7,main .col8,main .col9,main .col10,main .col11,main .col12{width:100%}}.hamburger{font:inherit;display:inline-block;overflow:visible;margin:0;padding:15px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,-webkit-filter;transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter;text-transform:none;color:inherit;border:0;background-color:transparent}.hamburger:hover{opacity:.7}.hamburger-box{position:relative;display:inline-block;width:40px;height:24px}.hamburger-inner{top:50%;display:block;margin-top:-2px}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:40px;height:4px;transition-timing-function:ease;transition-duration:.15s;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;border-radius:4px;background-color:#000}.hamburger-inner:after,.hamburger-inner:before{display:block;content:""}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--3dx .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx .hamburger-inner:after,.hamburger--3dx .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx.is-active .hamburger-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);background-color:transparent}.hamburger--3dx.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dx-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dx-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dx-r .hamburger-inner:after,.hamburger--3dx-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dx-r.is-active .hamburger-inner{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);background-color:transparent}.hamburger--3dx-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dx-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy .hamburger-inner:after,.hamburger--3dy .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy.is-active .hamburger-inner{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);background-color:transparent}.hamburger--3dy.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--3dy-r .hamburger-box{-webkit-perspective:80px;perspective:80px}.hamburger--3dy-r .hamburger-inner{transition:background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1);transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform .2s cubic-bezier(.645,.045,.355,1),background-color 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform .2s cubic-bezier(.645,.045,.355,1)}.hamburger--3dy-r .hamburger-inner:after,.hamburger--3dy-r .hamburger-inner:before{transition:-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s;transition:transform 0s cubic-bezier(.645,.045,.355,1) .1s,-webkit-transform 0s cubic-bezier(.645,.045,.355,1) .1s}.hamburger--3dy-r.is-active .hamburger-inner{-webkit-transform:rotateX(180deg);transform:rotateX(180deg);background-color:transparent}.hamburger--3dy-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--3dy-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--arrow.is-active .hamburger-inner:before{-webkit-transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrow.is-active .hamburger-inner:after{-webkit-transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:before{-webkit-transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(45deg) scaleX(.7)}.hamburger--arrow-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,0,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt .hamburger-inner:before{transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt .hamburger-inner:after{transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(-8px,-10px,0) rotate(-45deg) scaleX(.7)}.hamburger--arrowalt.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7);transform:translate3d(-8px,10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r .hamburger-inner:before{transition:top .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);transition:top .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r .hamburger-inner:after{transition:bottom .1s ease .15s,-webkit-transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1);transition:bottom .1s ease .15s,transform .15s cubic-bezier(.165,.84,.44,1),-webkit-transform .15s cubic-bezier(.165,.84,.44,1)}.hamburger--arrowalt-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:top .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7);transform:translate3d(8px,-10px,0) rotate(45deg) scaleX(.7)}.hamburger--arrowalt-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s;transition:bottom .1s ease,transform .15s cubic-bezier(.895,.03,.685,.22) .1s,-webkit-transform .15s cubic-bezier(.895,.03,.685,.22) .1s;-webkit-transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7);transform:translate3d(8px,10px,0) rotate(-45deg) scaleX(.7)}.hamburger--boring .hamburger-inner,.hamburger--boring .hamburger-inner:after,.hamburger--boring .hamburger-inner:before{transition-property:none}.hamburger--boring.is-active .hamburger-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--boring.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--boring.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--collapse.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--collapse-r .hamburger-inner{top:auto;bottom:0;transition-delay:.15s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--collapse-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity .1s linear}.hamburger--collapse-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--collapse-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(45deg);transform:translate3d(0,-10px,0) rotate(45deg)}.hamburger--collapse-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .27s;opacity:0}.hamburger--collapse-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .42s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .42s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--elastic .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(135deg);transform:translate3d(0,10px,0) rotate(135deg)}.hamburger--elastic.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(-270deg);transform:translate3d(0,-20px,0) rotate(-270deg)}.hamburger--elastic-r .hamburger-inner{top:2px;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-duration:.4s}.hamburger--elastic-r .hamburger-inner:before{top:10px;transition:opacity .15s ease .4s}.hamburger--elastic-r .hamburger-inner:after{top:20px;transition:-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),-webkit-transform .4s cubic-bezier(.68,-.55,.265,1.55)}.hamburger--elastic-r.is-active .hamburger-inner{transition-delay:.1s;-webkit-transform:translate3d(0,10px,0) rotate(-135deg);transform:translate3d(0,10px,0) rotate(-135deg)}.hamburger--elastic-r.is-active .hamburger-inner:before{transition-delay:0s;opacity:0}.hamburger--elastic-r.is-active .hamburger-inner:after{transition-delay:.1s;-webkit-transform:translate3d(0,-20px,0) rotate(270deg);transform:translate3d(0,-20px,0) rotate(270deg)}.hamburger--emphatic{overflow:hidden}.hamburger--emphatic .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic .hamburger-inner:before{left:0;transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic .hamburger-inner:after{top:10px;right:0;transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic.is-active .hamburger-inner:before{top:-80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;-webkit-transform:translate3d(80px,80px,0) rotate(45deg);transform:translate3d(80px,80px,0) rotate(45deg)}.hamburger--emphatic.is-active .hamburger-inner:after{top:-80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;-webkit-transform:translate3d(-80px,80px,0) rotate(-45deg);transform:translate3d(-80px,80px,0) rotate(-45deg)}.hamburger--emphatic-r{overflow:hidden}.hamburger--emphatic-r .hamburger-inner{transition:background-color .2s ease-in .25s}.hamburger--emphatic-r .hamburger-inner:before{left:0;transition:top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,left .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r .hamburger-inner:after{top:10px;right:0;transition:top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335);transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s;transition:transform .2s cubic-bezier(.6,.04,.98,.335),top .05s linear .2s,right .2s ease-in .25s,-webkit-transform .2s cubic-bezier(.6,.04,.98,.335)}.hamburger--emphatic-r.is-active .hamburger-inner{transition-delay:0s;transition-timing-function:ease-out;background-color:transparent}.hamburger--emphatic-r.is-active .hamburger-inner:before{top:80px;left:-80px;transition:left .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:left .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;-webkit-transform:translate3d(80px,-80px,0) rotate(-45deg);transform:translate3d(80px,-80px,0) rotate(-45deg)}.hamburger--emphatic-r.is-active .hamburger-inner:after{top:80px;right:-80px;transition:right .2s ease-out,top .05s linear .2s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s;transition:right .2s ease-out,top .05s linear .2s,transform .2s cubic-bezier(.075,.82,.165,1) .25s,-webkit-transform .2s cubic-bezier(.075,.82,.165,1) .25s;-webkit-transform:translate3d(-80px,-80px,0) rotate(45deg);transform:translate3d(-80px,-80px,0) rotate(45deg)}.hamburger--slider .hamburger-inner{top:2px}.hamburger--slider .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider .hamburger-inner:after{top:20px}.hamburger--slider.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--slider.is-active .hamburger-inner:before{-webkit-transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);transform:rotate(-45deg) translate3d(-5.71429px,-6px,0);opacity:0}.hamburger--slider.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(-90deg);transform:translate3d(0,-20px,0) rotate(-90deg)}.hamburger--slider-r .hamburger-inner{top:2px}.hamburger--slider-r .hamburger-inner:before{top:10px;transition-timing-function:ease;transition-duration:.2s;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.hamburger--slider-r .hamburger-inner:after{top:20px}.hamburger--slider-r.is-active .hamburger-inner{-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--slider-r.is-active .hamburger-inner:before{-webkit-transform:rotate(45deg) translate3d(5.71429px,-6px,0);transform:rotate(45deg) translate3d(5.71429px,-6px,0);opacity:0}.hamburger--slider-r.is-active .hamburger-inner:after{-webkit-transform:translate3d(0,-20px,0) rotate(90deg);transform:translate3d(0,-20px,0) rotate(90deg)}.hamburger--spring .hamburger-inner{top:2px;transition:background-color 0s linear .15s}.hamburger--spring .hamburger-inner:before{top:10px;transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring .hamburger-inner:after{top:20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring.is-active .hamburger-inner{transition-delay:.32s;background-color:transparent}.hamburger--spring.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;-webkit-transform:translate3d(0,10px,0) rotate(45deg);transform:translate3d(0,10px,0) rotate(45deg)}.hamburger--spring.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;-webkit-transform:translate3d(0,10px,0) rotate(-45deg);transform:translate3d(0,10px,0) rotate(-45deg)}.hamburger--spring-r .hamburger-inner{top:auto;bottom:0;transition-delay:0s;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.15s}.hamburger--spring-r .hamburger-inner:after{top:-20px;transition:top .3s cubic-bezier(.33333,.66667,.66667,1) .3s,opacity 0s linear}.hamburger--spring-r .hamburger-inner:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,-webkit-transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19);transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .3s,transform .15s cubic-bezier(.55,.055,.675,.19),-webkit-transform .15s cubic-bezier(.55,.055,.675,.19)}.hamburger--spring-r.is-active .hamburger-inner{transition-delay:.32s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,-10px,0) rotate(-45deg);transform:translate3d(0,-10px,0) rotate(-45deg)}.hamburger--spring-r.is-active .hamburger-inner:after{top:0;transition:top .3s cubic-bezier(.33333,0,.66667,.33333),opacity 0s linear .32s;opacity:0}.hamburger--spring-r.is-active .hamburger-inner:before{top:0;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s;transition:top .12s cubic-bezier(.33333,0,.66667,.33333) .18s,transform .15s cubic-bezier(.215,.61,.355,1) .32s,-webkit-transform .15s cubic-bezier(.215,.61,.355,1) .32s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--stand .hamburger-inner{transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s;transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s}.hamburger--stand .hamburger-inner:before{transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand .hamburger-inner:after{transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand.is-active .hamburger-inner{transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(90deg);transform:rotate(90deg);background-color:transparent}.hamburger--stand.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--stand-r .hamburger-inner{transition:background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s;transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s;transition:transform .1s cubic-bezier(.55,.055,.675,.19) .22s,background-color 0s linear .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) .22s}.hamburger--stand-r .hamburger-inner:before{transition:top .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:top .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r .hamburger-inner:after{transition:bottom .1s ease-in .1s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s;transition:bottom .1s ease-in .1s,transform .1s cubic-bezier(.55,.055,.675,.19) 0s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19) 0s}.hamburger--stand-r.is-active .hamburger-inner{transition:background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s;transition:transform .1s cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) 0s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);background-color:transparent}.hamburger--stand-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:top .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.hamburger--stand-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out .12s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s;transition:bottom .1s ease-out .12s,transform .1s cubic-bezier(.215,.61,.355,1) .22s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .22s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--spin .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin .hamburger-inner:after{transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.hamburger--spin.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--spin-r .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.3s}.hamburger--spin-r .hamburger-inner:before{transition:top .1s ease-in .34s,opacity .1s ease-in}.hamburger--spin-r .hamburger-inner:after{transition:bottom .1s ease-in .34s,-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease-in .34s,transform .3s cubic-bezier(.55,.055,.675,.19),-webkit-transform .3s cubic-bezier(.55,.055,.675,.19)}.hamburger--spin-r.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}.hamburger--spin-r.is-active .hamburger-inner:before{top:0;transition:top .1s ease-out,opacity .1s ease-out .14s;opacity:0}.hamburger--spin-r.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease-out,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease-out,transform .3s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) .14s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--squeeze .hamburger-inner{transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.1s}.hamburger--squeeze .hamburger-inner:before{transition:top .1s ease .14s,opacity .1s ease}.hamburger--squeeze .hamburger-inner:after{transition:bottom .1s ease .14s,-webkit-transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19);transition:bottom .1s ease .14s,transform .1s cubic-bezier(.55,.055,.675,.19),-webkit-transform .1s cubic-bezier(.55,.055,.675,.19)}.hamburger--squeeze.is-active .hamburger-inner{transition-delay:.14s;transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.hamburger--squeeze.is-active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .14s;opacity:0}.hamburger--squeeze.is-active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s;transition:bottom .1s ease,transform .1s cubic-bezier(.215,.61,.355,1) .14s,-webkit-transform .1s cubic-bezier(.215,.61,.355,1) .14s;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.hamburger--vortex .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex .hamburger-inner:after,.hamburger--vortex .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(765deg);transform:rotate(765deg)}.hamburger--vortex.is-active .hamburger-inner:after,.hamburger--vortex.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.hamburger--vortex-r .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);transition-duration:.3s}.hamburger--vortex-r .hamburger-inner:after,.hamburger--vortex-r .hamburger-inner:before{transition-delay:.1s;transition-timing-function:linear;transition-duration:0s}.hamburger--vortex-r .hamburger-inner:before{transition-property:top,opacity}.hamburger--vortex-r .hamburger-inner:after{transition-property:bottom,-webkit-transform;transition-property:bottom,transform;transition-property:bottom,transform,-webkit-transform}.hamburger--vortex-r.is-active .hamburger-inner{transition-timing-function:cubic-bezier(.19,1,.22,1);-webkit-transform:rotate(-765deg);transform:rotate(-765deg)}.hamburger--vortex-r.is-active .hamburger-inner:after,.hamburger--vortex-r.is-active .hamburger-inner:before{transition-delay:0s}.hamburger--vortex-r.is-active .hamburger-inner:before{top:0;opacity:0}.hamburger--vortex-r.is-active .hamburger-inner:after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}*{box-sizing:border-box}:focus{outline:none}html{font-size:16px;line-height:1;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;color:#000;overflow-x:hidden}h1{font-size:4.063rem}h1,h2{margin-bottom:1em;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal}h2{font-size:3.75rem;font-size:3.125rem;line-height:1.1}h3{font-size:1.25rem;font-weight:200;text-transform:uppercase}h3,h4{font-family:Campton W00,Arial,sans-serif;font-style:normal}h4{font-size:1.375rem;font-weight:400}p{font-size:1rem;text-decoration:none;font-weight:300;color:#000}b,p{font-family:Campton W00,Arial,sans-serif;font-style:normal}b{font-weight:500}a{color:#000;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;text-decoration:none}.adday-fullscreen .area.yellow h2,.area.blue h2,.area.dark h2,.area.green h2,.area.red h2{font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;color:#fff}.adday-fullscreen .area.yellow h4,.area.blue h3,.area.blue h4,.area.dark h3,.area.dark h4,.area.green h3,.area.green h4,.area.red h3,.area.red h4{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;color:#fff}.adday-fullscreen .area.yellow a,.adday-fullscreen .area.yellow p,.adday-fullscreen .area.yellow ul,.area.blue a,.area.blue p,.area.blue ul,.area.dark a,.area.dark p,.area.dark ul,.area.green a,.area.green p,.area.green ul,.area.red a,.area.red p,.area.red ul{font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;color:#fff}.adday-fullscreen .area.yellow b,.area.blue b,.area.dark b,.area.green b,.area.red b{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal}.debug{position:fixed;z-index:9999;width:300px;height:200px;left:20px;top:20px;font-size:12px;display:none;font-weight:700;background-color:#d3d3d3;opacity:.7;color:#000;border:0 solid #000}.hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{width:28px;border-radius:0;height:3px}.hamburger-inner:after{bottom:-9px}.hamburger-inner:before{top:-9px}.hamburger-box{height:28px;width:28px}.hamburger{z-index:200;position:fixed;top:25px;right:25px}.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{background-color:#fff}#menu{z-index:199;position:fixed;background-color:#000;width:100%;height:100%;top:-100%;display:flex;align-items:center;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease}#menu>svg{position:absolute;left:45px;top:45px}#menu #nav-main{text-align:center;width:100%}#menu #nav-main a{font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;font-size:3.125em;line-height:4.75rem;color:#fff;text-decoration:none;transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}#menu #nav-main a:hover{opacity:.8}html.menu-is-active{overflow:hidden;height:100%}html.menu-is-active #menu{top:0;opacity:1}html.menu-is-active #menu #nav-main li{margin-left:0}body .swiper-button-next,body .swiper-button-prev{position:absolute;top:50%;width:45px;height:75px;margin-top:-37px;z-index:10;cursor:pointer;background-size:initial!important;background-repeat:no-repeat}body .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 33 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.088 61.912L1.516 31.34 32.088.768' stroke-width='2' stroke='%23FFF' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");left:36px}body .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 34 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.088 61.912L31.66 31.34 1.088.768' stroke-width='2' stroke='%23FFF' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");right:36px}body .adday-prev,body .agentur-prev,body .jobs-prev,body .referenzen-prev,body .team-prev{left:-100px;transition:right .8s ease;-webkit-transition:right .8s ease;-moz-transition:right .8s ease;-o-transition:right .8s ease}body .adday-next,body .agentur-next,body .jobs-next,body .referenzen-next,body .team-next{right:-100px;transition:right .8s ease;-webkit-transition:right .8s ease;-moz-transition:right .8s ease;-o-transition:right .8s ease}body.referenzen .referenzen-prev{left:36px}body.referenzen .referenzen-next{right:36px}body.referenzen .referenzen-next.swiper-button-disabled+.referenzen-prev{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/ui_arrow_slider_prev_sw.svg)}body.agentur .agentur-prev{left:36px}body.agentur .agentur-next{right:36px}body.team .team-prev{left:36px}body.team .team-next{right:36px}body.jobs .jobs-prev{left:36px}body.jobs .jobs-next{right:36px}body.adday .adday-prev{left:36px}body.adday .adday-next{right:36px}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:0}.swiper-pagination{width:100%;max-width:1140px}.swiper-pagination .swiper-pagination-bullet:only-child{display:none}.swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;margin:0 4px;background:none;border:1px solid #000;opacity:1}.swiper-pagination .swiper-pagination-bullet-active{background:#000}#stage{display:block}#stage .area{visibility:hidden;opacity:0;padding:3rem 0;height:850px}#stage .auto{height:auto}#stage .area.show{visibility:visible;opacity:1;transition-delay:0s}.area.red{background-color:#ee364e}.area.red,.area.red a,.area.red h2,.area.red h3,.area.red h4,.area.red p,.area.red ul{color:#000}.area.dark{background-color:#000;color:#fff}.area.dark a{color:#fff}.area.green{background-color:#71c7a9;color:#fff}.area.green a{color:#fff}.area.blue{background-color:#1b9dbd;color:#fff}.area.blue a{color:#fff}.area.yellow{background-color:#fbc347;color:#fff}.area.yellow a{color:#fff}.area h3{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal}.area .colblock:first-child h3{margin-bottom:4rem}.area p,.area ul{font-size:1.25rem;line-height:1.3;margin-bottom:1em}.area p a,.area ul a{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal}.area ul{list-style-type:disc;padding-left:18px}.area ul li{margin-bottom:.25rem}.area.fontsmall p,.area.fontsmall ul{font-size:1.063rem;line-height:1.4}.area .b8hidden{display:none}.area#main{display:flex;justify-content:center;align-items:center;height:94%;padding:0!important;background-color:#000;text-align:center}.area#main svg{margin:0}.area#main #logoanimation{max-width:450px;width:100%;height:auto}.area#main #mobile-wrapper{display:none}.area#main #animation{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.area#main #replay{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/icon_replay_white.svg);width:36px;height:36px;position:absolute;bottom:40px;right:40px;cursor:pointer;opacity:0;transition:opacity .25s ease;-webkit-transition:opacity .25s ease;-moz-transition:opacity .25s ease;-o-transition:opacity .25s ease}.area#main #replay.videostop{opacity:1}.area#main #replay.onscroll{opacity:0}.area#main .b8hidden{display:none}.area#main #mobile-animation.red{background-color:#ee364e}.area#main #mobile-animation.green{background-color:#71c7a9}.area#main #mobile-animation.blue{background-color:#1b9dbd}.area#main #mobile-animation.yellow{background-color:#fbc347}.area#referenzen{padding:0}.area#referenzen>.colblock:first-child h3{margin-top:3rem;position:absolute;z-index:101}.area#referenzen .video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden}.area#referenzen .video-container .overlay,.area#referenzen .video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.area#referenzen .projekt{background-size:cover;background-position:50%;width:100%;display:inline-block;height:850px}.area#referenzen .projekt .col a{width:100%;max-width:570px;padding:2rem;background-color:#000;position:absolute;bottom:-500px;color:#fff;transition:bottom 1s ease;-webkit-transition:bottom 1s ease;-moz-transition:bottom 1s ease;-o-transition:bottom 1s ease;-webkit-transition-delay:1s;transition-delay:1s}.area#referenzen .projekt .col a:hover span{color:#898d90}.area#referenzen .projekt .col a:hover #arrow-02{stroke:#898d90}.area#referenzen .projekt.logos .col a{width:100%;max-width:570px;background-color:#fff;position:absolute;bottom:0;color:#000;padding:2rem 2rem 2rem 26px}.area#referenzen .projekt.logos .col a svg{position:absolute;margin-left:-18px}.area#referenzen .projekt.logos .col a svg #arrow-02{stroke:#000}.area#referenzen .projekt h4{font-size:1.063rem;text-transform:uppercase;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;margin-bottom:.5rem}.area#referenzen .projekt h4+p{font-size:1.875rem;margin-bottom:1.5rem;color:#fff;line-height:1.3}.area#referenzen .projekt h4+p,.area#referenzen .projekt p+span{font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal}.area#referenzen .projekt p+span{font-size:1.25rem;padding-left:1em;margin-bottom:.5rem;display:inline-block}.area#referenzen .projekt p+span svg{height:18px;position:absolute;margin-left:-1em}.area#referenzen .projekt .logos img{width:100%}.area#referenzen .swiper-slide-active .projekt.stz,.area#referenzen .swiper-slide-next .projekt.stz,.area#referenzen .swiper-slide-prev .projekt.stz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/STZ/STZ_Case_Startseite_1920x1080.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.stz,.area#referenzen .swiper-slide-next .projekt.stz,.area#referenzen .swiper-slide-prev .projekt.stz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/STZ/STZ_Case_Startseite_tablet_768x1024px.jpg)!important}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.stz,.area#referenzen .swiper-slide-next .projekt.stz,.area#referenzen .swiper-slide-prev .projekt.stz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/STZ/STZ_Case_Startseite_tablet_768x1024px@2x.jpg)!important}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.stz,.area#referenzen .swiper-slide-next .projekt.stz,.area#referenzen .swiper-slide-prev .projekt.stz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/STZ/STZ_Case_Startseite_mobile_414x736px.jpg)!important}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.stz,.area#referenzen .swiper-slide-next .projekt.stz,.area#referenzen .swiper-slide-prev .projekt.stz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/STZ/STZ_Case_Startseite_mobile_414x736px@2x.jpg)!important}}.area#referenzen .swiper-slide-active .projekt.ssb,.area#referenzen .swiper-slide-next .projekt.ssb,.area#referenzen .swiper-slide-prev .projekt.ssb{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/kachel_raster_3x3px.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/SSB_Case_Startseite_Filme_1920x1080.jpg)!important;background-size:auto,cover}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.ssb,.area#referenzen .swiper-slide-next .projekt.ssb,.area#referenzen .swiper-slide-prev .projekt.ssb{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/kachel_raster_3x3px.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/SSB_Case_Startseite_filme_tablet_768x1024px.jpg)!important}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.ssb,.area#referenzen .swiper-slide-next .projekt.ssb,.area#referenzen .swiper-slide-prev .projekt.ssb{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/kachel_raster_3x3px.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/SSB_Case_Startseite_filme_tablet_768x1024px@2x.jpg)!important}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.ssb,.area#referenzen .swiper-slide-next .projekt.ssb,.area#referenzen .swiper-slide-prev .projekt.ssb{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/kachel_raster_3x3px.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/SSB_Case_Startseite_filme_mobile_414x736px.jpg)!important}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.ssb,.area#referenzen .swiper-slide-next .projekt.ssb,.area#referenzen .swiper-slide-prev .projekt.ssb{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/kachel_raster_3x3px.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SSB/SSB_Case_Startseite_filme_mobile_414x736px@2x.jpg)!important}}.area#referenzen .swiper-slide-active .projekt.hor,.area#referenzen .swiper-slide-next .projekt.hor,.area#referenzen .swiper-slide-prev .projekt.hor{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/HOR/HOR_Case_Startseite_1920x1080.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.hor,.area#referenzen .swiper-slide-next .projekt.hor,.area#referenzen .swiper-slide-prev .projekt.hor{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/HOR/HOR_Case_Startseite_tablet_768x1024px.jpg)!important}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.hor,.area#referenzen .swiper-slide-next .projekt.hor,.area#referenzen .swiper-slide-prev .projekt.hor{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/HOR/HOR_Case_Startseite_tablet_768x1024px@2x.jpg)!important}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.hor,.area#referenzen .swiper-slide-next .projekt.hor,.area#referenzen .swiper-slide-prev .projekt.hor{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/HOR/HOR_Case_Startseite_mobile_414x736px.jpg)!important}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.hor,.area#referenzen .swiper-slide-next .projekt.hor,.area#referenzen .swiper-slide-prev .projekt.hor{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/HOR/HOR_Case_Startseite_mobile_414x736px@2x.jpg)!important}}.area#referenzen .swiper-slide-active .projekt.proholz,.area#referenzen .swiper-slide-next .projekt.proholz,.area#referenzen .swiper-slide-prev .projekt.proholz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/proholz/proholz_Case_Startseite_1920x1080.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.proholz,.area#referenzen .swiper-slide-next .projekt.proholz,.area#referenzen .swiper-slide-prev .projekt.proholz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/proholz/proholz_Case_Startseite_tablet_768x1024px.jpg)!important}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.proholz,.area#referenzen .swiper-slide-next .projekt.proholz,.area#referenzen .swiper-slide-prev .projekt.proholz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/proholz/proholz_Case_Startseite_tablet_768x1024px@2x.jpg)!important}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.proholz,.area#referenzen .swiper-slide-next .projekt.proholz,.area#referenzen .swiper-slide-prev .projekt.proholz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/proholz/proholz_Case_Startseite_mobile_414x736px.jpg)!important}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.proholz,.area#referenzen .swiper-slide-next .projekt.proholz,.area#referenzen .swiper-slide-prev .projekt.proholz{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/proholz/proholz_Case_Startseite_mobile_414x736px@2x.jpg)!important}}.area#referenzen .swiper-slide-active .projekt.lecreuset,.area#referenzen .swiper-slide-next .projekt.lecreuset,.area#referenzen .swiper-slide-prev .projekt.lecreuset{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/lecreuset/LeCreuset_Case_Startseite_1920x1080.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.lecreuset,.area#referenzen .swiper-slide-next .projekt.lecreuset,.area#referenzen .swiper-slide-prev .projekt.lecreuset{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/lecreuset/LeCreuset_Case_Startseite_tablet_768x1024.jpg)!important}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.lecreuset,.area#referenzen .swiper-slide-next .projekt.lecreuset,.area#referenzen .swiper-slide-prev .projekt.lecreuset{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/lecreuset/LeCreuset_Case_Startseite_tablet_768x1024@2x.jpg)!important}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.lecreuset,.area#referenzen .swiper-slide-next .projekt.lecreuset,.area#referenzen .swiper-slide-prev .projekt.lecreuset{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/lecreuset/LeCreuset_Case_Startseite_mobile_414x736.jpg)!important}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.lecreuset,.area#referenzen .swiper-slide-next .projekt.lecreuset,.area#referenzen .swiper-slide-prev .projekt.lecreuset{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/lecreuset/LeCreuset_Case_Startseite_mobile_414x736@2x.jpg)!important}}.area#referenzen .swiper-slide-active .projekt.swr1,.area#referenzen .swiper-slide-next .projekt.swr1,.area#referenzen .swiper-slide-prev .projekt.swr1{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SWR1/SWR1_Case_Startseite_1920x1080px.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.swr1,.area#referenzen .swiper-slide-next .projekt.swr1,.area#referenzen .swiper-slide-prev .projekt.swr1{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SWR1/SWR1_Case_Startseite_tablet_768x1024@2x.jpg)}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.swr1,.area#referenzen .swiper-slide-next .projekt.swr1,.area#referenzen .swiper-slide-prev .projekt.swr1{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SWR1/SWR1_Case_Startseite_tablet_768x1024@2x.jpg)}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.swr1,.area#referenzen .swiper-slide-next .projekt.swr1,.area#referenzen .swiper-slide-prev .projekt.swr1{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SWR1/SWR1_Case_Startseite_mobile_414x736.jpg)}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.swr1,.area#referenzen .swiper-slide-next .projekt.swr1,.area#referenzen .swiper-slide-prev .projekt.swr1{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/SWR1/SWR1_Case_Startseite_mobile_414x736@2x.jpg)}}.area#referenzen .swiper-slide-active .projekt.mannundhummel,.area#referenzen .swiper-slide-next .projekt.mannundhummel,.area#referenzen .swiper-slide-prev .projekt.mannundhummel{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/muh/MannHummel_Cases_Startseite_1920x1080.jpg)}@media (min-width:768px) and (max-width:1023px) and (orientation:portrait){.area#referenzen .swiper-slide-active .projekt.mannundhummel,.area#referenzen .swiper-slide-next .projekt.mannundhummel,.area#referenzen .swiper-slide-prev .projekt.mannundhummel{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/muh/MannHummel_Startseite_tablet_768x1024.jpg)}}@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min--moz-device-pixel-ratio:2),only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.mannundhummel,.area#referenzen .swiper-slide-next .projekt.mannundhummel,.area#referenzen .swiper-slide-prev .projekt.mannundhummel{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/muh/MannHummel_Startseite_tablet_768x1024@2x.jpg)}}@media (min-width:0) and (max-width:767px){.area#referenzen .swiper-slide-active .projekt.mannundhummel,.area#referenzen .swiper-slide-next .projekt.mannundhummel,.area#referenzen .swiper-slide-prev .projekt.mannundhummel{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/muh/MannHummel_Startseite_mobile_414x736.jpg)}}@media only screen and (min-width:0) and (max-width:767px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:0) and (max-width:767px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:0) and (max-width:767px) and (min-device-pixel-ratio:2){.area#referenzen .swiper-slide-active .projekt.mannundhummel,.area#referenzen .swiper-slide-next .projekt.mannundhummel,.area#referenzen .swiper-slide-prev .projekt.mannundhummel{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/case/muh/MannHummel_Startseite_mobile_414x736@2x.jpg)}}.area#referenzen .swiper-slide-active .projekt .col a{bottom:0;opacity:1;transition:bottom 1s ease;-webkit-transition:bottom 1s ease;-moz-transition:bottom 1s ease;-o-transition:bottom 1s ease}.area#referenzen .swiper-pagination.referenzen-pagination .swiper-pagination-bullet{border:1px solid #fff}.area#referenzen .swiper-pagination.referenzen-pagination .swiper-pagination-bullet-active{background:#fff}.area#referenzen .referenzen-logos-pagination{margin-top:1rem}.area#agentur{padding:0}.area#agentur>.colblock:first-child h3{margin-top:3rem;position:absolute;z-index:101;color:#000}.area#agentur .tab{background-size:cover;background-position:50%;width:100%;display:inline-block;height:850px}.area#agentur .tab .col:first-child .inner{padding-top:8rem}.area#agentur .tab-01 .col:first-child .inner{padding-top:0}.area#agentur .video-container{position:absolute;top:0;bottom:0;width:100%;height:100%;overflow:hidden}.area#agentur .video-container .overlay,.area#agentur .video-container video{min-width:100%;min-height:100%;width:auto;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.area#agentur .video-container .col .inner{padding-top:0}.area#agentur .video-container .overlay{text-align:center;background-color:rgba(0,0,0,.2)}.area#agentur .video-container .overlay #logo-video{height:100%;width:100%;max-width:450px;max-height:70%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.area#agentur .video-container #video-emotionen+.overlay .col h2{text-align:left;font-size:3.25rem;font-size:1.875em;line-height:1.083em;margin-bottom:1rem}.area#agentur .video-container #video-emotionen+.overlay .col p{text-align:left}.area#agentur #video-marken-link{position:absolute;width:100%;height:100%;display:inline-block;cursor:pointer}.area#agentur .tab-02 h2{margin-bottom:1.5em}.area#agentur .tab-02 .accordion h4 svg{opacity:0}.area#agentur .swiper-slide-active .tab-02 .accordion h4 svg{opacity:1}.area#agentur #mgrafik svg{width:100%;height:auto;max-width:449px;float:right;margin-top:-12px;margin-right:-24px}.area#agentur .accordion{margin-bottom:2rem}.area#agentur .accordion h4{padding-left:18px;line-height:1.6;font-size:1.25rem;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;opacity:.7}.area#agentur .accordion h4 svg{left:0}.area#agentur .accordion h4.is-active,.area#agentur .accordion h4:hover{opacity:1}.area#agentur .accordion h4.is-active+div{display:inline-block;background-color:#fff;color:#000;position:absolute;padding:4rem 2.625em 0 2.625rem;top:-32px;width:560px;height:470px;left:-610px;opacity:1}.area#agentur .accordion h4.is-active+div h3,.area#agentur .accordion h4.is-active+div h4,.area#agentur .accordion h4.is-active+div p,.area#agentur .accordion h4.is-active+div ul{color:#000!important;margin-bottom:0}.area#agentur .accordion h4.is-active+div h4{padding-left:0;font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;opacity:1}.area#agentur .accordion h4.is-active+div .close-accordion{position:absolute;right:0;top:0;padding:1rem;cursor:pointer}.area#agentur #grafik-fakten{height:100%;text-align:center}.area#agentur #grafik-fakten img{padding:98px 32px 32px;height:100%;width:100%;max-width:1099px}.area#agentur .swiper-pagination .swiper-pagination-bullet{border:1px solid #fff}.area#agentur .swiper-pagination .swiper-pagination-bullet-active{background:#fff}.area#agentur span.button{cursor:pointer;padding-left:24px}.area#agentur span.button svg{position:absolute;margin-top:3px;margin-left:-19px}.area#agentur #button-ueberzeugung{color:#000;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal}.area#agentur #button-ueberzeugung #arrow-02{stroke:#000}.area#agentur #button-marke{margin-top:4px;display:inline-block}.area#agentur .swiper-slide-active .accordion{position:relative}.area#news{height:auto;transition:height 2s ease;-webkit-transition:height 2s ease;-moz-transition:height 2s ease;-o-transition:height 2s ease;padding:3rem 0}.area#news h4{font-size:1.25rem;text-transform:uppercase}.area#news h2{text-transform:none;font-size:2.375rem;line-height:1.2;margin-bottom:0}.area#news .news{display:none}.area#news .news p a{padding-left:20px}.area#news .news .inner>a{display:block;margin-top:20px}.area#news .news a svg{position:absolute;margin-top:2px;margin-left:-18px}.area#news .news.show{display:block}.area#news .news+.news h4{margin-top:3rem}.area#news #all-news,.area#news #more-news{font-size:1.063rem;font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;width:100%;text-align:center;cursor:pointer;margin-top:1rem}.area#news #more-news svg{-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.area#news #all-news{display:none;padding-left:20px}.area#news #all-news svg{position:absolute;margin-top:-1px;margin-left:-17px}.area#news.all-news .news{display:block!important}.area#news.all-news #more-news{display:none}.area#news.all-news #all-news{display:block}.area#team{height:auto}.area#team h4.teamcount{font-size:10.875rem;line-height:.75;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;margin-bottom:2rem}.area#team .mitarbeiter{position:relative;margin-bottom:33px;line-height:0;overflow:hidden}.area#team .mitarbeiter img{width:100%}.area#team .mitarbeiter div{position:absolute;top:0;height:101%;opacity:0;width:100%;text-align:center;line-height:1;cursor:default;display:flex;justify-content:center;align-items:center;background-color:#898d90}.area#team .mitarbeiter div p{color:#fff;margin:0 1rem;line-height:1.2}.area#team .mitarbeiter div p span{font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;font-size:14px;line-height:1.3;display:inline-flex}.area#team .mitarbeiter div p span.kontakt{margin-top:10px;display:inline-block!important;padding-left:30px;text-align:left}.area#team .mitarbeiter div p span.kontakt svg{position:absolute;margin-left:-30px;margin-top:-2px}.area#team .mitarbeiter div p span.kontakt a{color:#fff;font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;display:block;margin-bottom:10px}.area#team .mitarbeiter:hover div{opacity:1}.area#team .green .mitarbeiter div{background-color:#71c7a9}.area#team .blue .mitarbeiter div{background-color:#1b9dbd}.area#team .red .mitarbeiter div{background-color:#ee364e}.area#team .yellow .mitarbeiter div{background-color:#fbc347}.area#team .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 33 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.088 61.912L1.516 31.34 32.088.768' stroke-width='2' stroke='%23000' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");margin-top:70px}.area#team .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 34 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.088 61.912L31.66 31.34 1.088.768' stroke-width='2' stroke='%23000' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E");margin-top:70px}.area#team #team-select{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/ui_arrow_select.svg);background-repeat:no-repeat;background-position:right .5rem center;border:1px solid #000;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;border-radius:0;box-shadow:none;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal;font-size:16px;padding:.725rem .5rem .5rem;width:251px;margin-bottom:2rem}.area#team #swiper-team{opacity:0}.area#team #swiper-team.swiper-container-horizontal{opacity:1}.area#jobs{height:auto}.area#jobs h4{font-size:1.063rem;text-transform:uppercase;font-weight:300;margin-top:3.125rem;margin-bottom:1em}.area#jobs a,.area#jobs h4{font-family:Campton W00,Arial,sans-serif;font-style:normal}.area#jobs a{font-weight:200;font-size:1.875rem;line-height:1.3}.area#jobs h3+p{width:95%}.area#jobs svg{height:20px;width:auto}.area#adday{padding:0;color:#fff;height:auto}.adday-fullscreen .bg-red,.area#adday .bg-red{background-color:#ee364e}.adday-fullscreen .bg-blue,.area#adday .bg-blue{background-color:#1b9dbd}.adday-fullscreen .bg-yellow,.area#adday .bg-yellow{background-color:#fbc347}.adday-fullscreen .bg-green,.area#adday .bg-green{background-color:#71c7a9}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs h2,.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs h3{font-size:4.063rem;font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;line-height:1;margin:0 0 15px;text-transform:none}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs h2{font-size:4.063rem}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs h3{font-size:3.125rem;line-height:1.1}.area#adday h3:first-child{margin-bottom:1rem}.area#adday h4,.area#adday p{color:#fff}.area#adday .fontsmall p{font-size:1.063rem;line-height:1.4}.area#adday .fontsmall p .button,.area#adday .fontsmall p .button-adday{font-size:1.25rem}.area#adday a,.area#adday b{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;margin-bottom:1em}.area#adday ul{margin-left:0;padding-left:0}.area#adday ul li{margin-bottom:1rem;list-style:none}.adday-fullscreen .area.green .button-adday,.area#adday .button-adday{font-family:Campton W00,Arial,sans-serif;font-weight:500;font-style:normal;color:#fff;cursor:pointer;padding-left:26px}.adday-fullscreen .area.green .button-adday svg,.area#adday .button-adday svg{margin-left:-18px;margin-top:3px;position:absolute}.adday-fullscreen .area.green .button-adday svg #arrow-02,.area#adday .button-adday svg #arrow-02{stroke:#fff}.area#adday .button-adday-zurueck svg{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.area#adday .button{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;display:inline-block;margin-top:2rem;background-color:#fff;color:#000;line-height:1;padding:.725em .5em .5em 1.5em;cursor:pointer}.area#adday .button svg{position:absolute;margin-left:-17px}.area#adday .button svg #arrow-02{stroke:#000}.area#adday #swiper-adday{overflow:visible}.area#adday .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 33 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.088 61.912L1.516 31.34 32.088.768' stroke-width='2' stroke='%23FFF' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}.area#adday .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 34 63' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.088 61.912L31.66 31.34 1.088.768' stroke-width='2' stroke='%23FFF' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E")}.area#adday .swiper-container{height:100%}.area#adday .swiper-slide{padding:3rem 0}.area#adday .swiper-slide .colblock:first-of-type .col12{padding-bottom:30px}.area#adday .swiper-slide .colblock:first-of-type .col12 svg{transform:rotate(180deg)}.area#adday .absatz-helden{padding-top:30px}.area#adday .flex-aligner{display:flex;align-items:center;justify-content:center;height:100%}.area#adday .flex-align-top{align-self:flex-start;padding-bottom:30px}.area#adday .flex-align-center{align-self:center}.area#adday .helden-table{display:table;width:100%}.area#adday .helden-row{display:table-row}.area#adday .helden-cell{display:table-cell;width:50%;padding-left:15px;padding-right:15px;vertical-align:top;position:relative}.area#adday .helden-row:first-of-type .helden-cell{padding-bottom:60px}.area#adday .helden-bg{position:absolute;top:0;bottom:0;left:15px;right:15px;z-index:1}.area#adday .helden-row:first-of-type .helden-bg{top:0;bottom:60px}.area#adday .helden{padding:30px}.area#adday .helden,.area#adday .helden-image{width:50%;display:table-cell;padding-bottom:30px;padding-left:15px;padding-right:15px;vertical-align:middle;z-index:2;position:relative;height:100%}.area#adday .helden-rechts{padding-right:30px}.area#adday .helden-links{padding-left:30px}.area#adday .helden-image-rechts{text-align:right;padding-right:30px}.area#adday .helden-image-links{text-align:left;padding-left:30px}.area#adday .helden-image{line-height:0}.area#adday .helden-image img{margin-top:-30px;width:100%}.area#adday .panorama{position:absolute;left:0;top:0;z-index:-1;transition-duration:.6s}.area#adday .panorama,.area#adday .panorama img{width:auto;height:100%}.fullscreen-content.adday-fullscreen{background-color:rgba(0,0,0,.7);padding-top:56px}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs{background-color:#71c7a9}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs .area{padding-bottom:56px}.fullscreen-content.adday-fullscreen .colblock{padding:0}.fullscreen-content.adday-fullscreen .col6:first-of-type{padding-right:15px;line-height:0;position:relative}.fullscreen-content.adday-fullscreen .col6:last-of-type{padding:30px 30px 30px 15px}.fullscreen-content.adday-fullscreen img{width:100%}.fullscreen-content.adday-fullscreen img.slogan{width:30%;position:absolute;left:0;top:40%}.fullscreen-content.adday-fullscreen .col6:last-of-type img{margin-top:30px;margin-bottom:30px}.post-listing{width:100%;display:table}.post-listing .job-bereich-reihe{width:100%;display:table-row}.post-listing .job-bereich{width:50%;padding:15px;display:table-cell}.post-listing .job-bereich:nth-of-type(odd){padding-left:0}.post-listing .job-bereich:nth-of-type(2n){padding-right:0}.area#kontakt{background-color:#898d90}.area#kontakt h3{color:#fff}.area#kontakt .col5{width:448px}.area#kontakt .col5 .inner{background-color:#fff;padding:1.5rem}.area#kontakt #map{width:100%;height:536px}.area#kontakt a{font-family:Campton W00,Arial,sans-serif;font-weight:300;font-style:normal}.area#kontakt a:hover{color:#898d90}.area#kontakt .icons{margin-bottom:2rem}.area#kontakt #Shape{fill:#fff}.area#kontakt #B8_Website_Desktop_1440px_v5{fill:#000}.area#kontakt a:hover svg #B8_Website_Desktop_1440px_v5,.area#kontakt a:hover svg #Fill-1,.contact-icon:hover{fill:#898d90}.area#footer{height:auto}.area#footer p{font-size:.875rem;line-height:1.3}.area#footer p a:hover{text-decoration:underline}.area#footer .downloads a{width:30%;display:inline-block}.area#versprechen{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/test_versprechen.png);background-repeat:no-repeat;background-position:50%;background-size:contain}.area#versprechen h2{margin:8rem 0 4rem;line-height:1.05}.area#leistungen{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/bg_leistungen.jpg);background-repeat:no-repeat;background-position:top;background-size:cover}.area#leistungen h2{margin:2rem 0 4rem;line-height:1}.area#leistungen .accordion{margin-bottom:4rem}.icons{display:inline-block}.icons a.icon{float:left;margin-right:8px}.icons a.icon:last-child{margin-right:0}.icon{display:inline-block}.icon object{pointer-events:none}a.arrow{padding-left:20px;display:inline-block;margin-top:4px}a.arrow svg{position:absolute;margin-left:-20px;margin-top:1px}.accordion h4{cursor:pointer;line-height:2;padding-left:24px}.accordion h4 svg{position:absolute;margin-top:4px}.accordion h4+div{display:none}.accordion h4.is-active svg #arrow-02{stroke:#fbee00}.accordion h4.is-active+div{display:inline-block}#mobile-wrapper{display:none}#mobile-animation{-webkit-animation:bgcolorchange 10s infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);width:100%;height:100%;background-color:#000}#mobile-animation svg{width:70%;max-width:420px;height:auto;max-height:80%;padding-top:70px}#tab-navigation{z-index:101;padding:0;float:left;position:absolute;width:70%;margin-left:142px;margin-top:3rem;border-left:2px solid #000}#tab-navigation h4{font-family:Campton W00,Arial,sans-serif;font-weight:400;font-style:normal;color:#000;font-size:1.25rem;line-height:1!important;text-align:center;line-height:40px;cursor:pointer;float:left;padding-left:1em;margin:0 0 0 1.5em;opacity:.7}#tab-navigation h4.act{opacity:1}#tab-navigation h4.act svg{-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-top:-2px}#tab-navigation h4:hover{opacity:1}#tab-navigation h4 svg{position:absolute;margin-left:-1em;margin-top:-3px}#tab-navigation h4 svg #arrow-02{stroke:#000}#agentur h3,#agentur h4{transition:color .2s ease;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-o-transition:color .2s ease}#agentur #tab-navigation{transition:all .2s ease;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-o-transition:all .2s ease}#agentur #arrow-02{transition:stroke .2s ease;-webkit-transition:stroke .2s ease;-moz-transition:stroke .2s ease;-o-transition:stroke .2s ease}#agentur.slide h3,#agentur.slide h4{color:#fff!important}#agentur.slide #tab-navigation{border-left:2px solid #fff}#agentur.slide #arrow-02{stroke:#fff}.no-scroll{overflow-y:hidden;width:100%}.fullscreen-content{z-index:1000;position:fixed;width:100%;height:100%;left:0;top:0;background-color:#fff;overflow-y:scroll;visibility:hidden;opacity:0;transition:visibility 0s linear .2s,opacity .2s linear}.fullscreen-content .area{background:none!important}.fullscreen-content.show{visibility:visible;opacity:1;transition-delay:0s}#ajax{background-color:#000}#ajax .ajax{display:none}#ajax.show .ajax{display:block}.fullscreen-close{visibility:hidden;width:56px;height:56px;background-color:#fff;display:inline-block;position:absolute;right:0;top:0;cursor:pointer;z-index:100}.fullscreen-close svg{margin:16px 0 0 16px;pointer-events:none}.show .fullscreen-close{visibility:visible}#offene-stellen .col{background-color:#1b9dbd}#offene-stellen .col .inner{margin:30px}#offene-stellen h3{text-transform:none;font-family:Campton W00,Arial,sans-serif;font-weight:200;font-style:normal;margin-bottom:0;margin-top:2rem;line-height:1.5}#offene-stellen h3:first-child{margin-top:0}#offene-stellen h4{font-size:1.25rem}#offene-stellen h4.is-active{color:#fbee00}#offene-stellen h4.is-active svg{-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);margin-left:-18px}#offene-stellen h4.is-active svg #arrow{stroke:#fbee00}#offene-stellen h4:hover{color:#fbee00}#offene-stellen h4:hover svg #arrow-02{stroke:#fbee00}#offene-stellen h4+div{margin:12px 24px 24px}#offene-stellen h4+div a{color:#fbee00}#offene-stellen h4+div a:hover{text-decoration:underline}#offene-stellen .icons{margin:2rem 0 0}#offene-stellen .icons svg{width:35px;height:auto}#offene-stellen .fontsmall p,#offene-stellen .fontsmall ul{font-size:1.063rem;line-height:1.4;margin-bottom:1.5em}#offene-stellen .fontsmall p+ul{margin-top:-1em}#offene-stellen a.arrow:hover{color:#fbee00}#offene-stellen a.arrow:hover #arrow-02{stroke:#fbee00}#offene-stellen .accordion h4 svg{margin-top:7px;margin-left:-18px}#ueberzeugung{background-color:#ee364e;background-position:center 3rem;background-repeat:no-repeat}#ueberzeugung h1{margin-top:1em;margin-bottom:1em;line-height:1.1}#ueberzeugung .col10 p{margin-bottom:8em}.circle-next,.circle-prev{top:inherit;position:relative;right:inherit;left:inherit;margin-top:88px;margin-bottom:-164px}.circle-next{float:right;margin-right:-16px}.circle-prev{float:left;margin-left:-16px}.circle{background-color:#fff;color:#ee364e;width:100%;width:250px;height:250px;-webkit-border-radius:125px;-moz-border-radius:125px;-ms-border-radius:125px;border-radius:125px;display:table;margin:0 auto 3rem}.circle div{display:table-cell;vertical-align:middle;text-align:center}.circle h3{color:#ee364e!important;font-family:Campton W00,Arial,sans-serif!important;font-weight:400;font-style:normal;font-size:1.5rem;line-height:1.1;margin-bottom:0}.circle+p{padding:0 12%;text-align:center}#marke{background-color:#898d90}#backtomain{position:absolute;left:50%;top:42px;margin-left:-11px}body#referenz h3{font-size:1.375rem;font-weight:500;margin-bottom:.25em}body#referenz h2,body#referenz h3{font-family:Campton W00,Arial,sans-serif;font-style:normal}body#referenz h2{font-size:2.625rem;font-weight:300}body#referenz h4{margin-bottom:1em}body#referenz #referenzen-header{margin-bottom:34px;padding-top:0}body#referenz #referenzen-header img,body#referenz #refrenze-content img,body#referenz #refrenze-content video{width:100%}body#referenz #refrenze-content .vimeo{width:100%;height:634px}body#referenz .area{height:auto}body#referenz .area .colblock .inner{margin-bottom:30px}body#referenz .area .colblock .inner.big{padding:30px 0}body#referenz #referenzen-nextprev svg{position:absolute}body#referenz #referenzen-nextprev svg #arrow-02{stroke:#000}body#referenz #referenzen-prev{padding-left:26px}body#referenz #referenzen-prev svg{-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);margin-left:-18px}body#referenz #referenzen-next{float:right;padding-right:26px;position:relative}body#referenz #referenzen-next svg{right:0;top:1px}body#referenz #referenzen-related{padding-top:4em}body#referenz #referenzen-related p{margin-bottom:0}body#referenz #referenzen-related .col12 a{padding-left:26px;margin-top:2em}body#referenz #referenzen-related svg{position:absolute;margin-left:-18px}body#referenz #referenzen-related svg #arrow-02{stroke:#000}@media only screen and (max-width:1360px){.swiper-button-prev{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/ui_arrow_slider_prev.svg);left:24px}.swiper-button-next{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/ui_arrow_slider_next.svg)}body.referenzen .referenzen-prev{left:24px}body.referenzen .referenzen-next{right:24px}body.agentur .agentur-prev{left:24px}body.agentur .agentur-next{right:24px}body.team .team-prev{left:24px}body.team .team-next{right:24px}body.jobs .jobs-prev{left:24px}body.jobs .jobs-next{right:24px}body.adday .adday-prev{left:24px}body.adday .adday-next{right:24px}}@media only screen and (max-width:1300px){.area#jobs .text img,.area#jobs .text svg{margin-right:1rem}}@media only screen and (max-width:1290px){.adday-next,.adday-prev,.jobs-next,.jobs-prev,.team-next,.team-prev{display:none}}@media only screen and (max-width:1189px){.fullscreen-content.adday-fullscreen{padding-top:0}.fullscreen-content.adday-fullscreen#adday-fullscreen-jobs{padding-top:56px}}@media only screen and (max-width:1140px){.area{height:auto}.hamburger{top:5px;right:5px}#menu>svg{left:25px;top:30px}}@media only screen and (max-width:1100px){.area#agentur .accordion h4.is-active+div{width:135%;left:-149%}body#referenz #refrenze-content .vimeo{height:360px}}@media only screen and (max-height:920px){.area#agentur .tab .col:first-child .inner{padding-top:7rem}}@media only screen and (max-height:820px){.area#agentur .tab-02 h2{font-size:2.15rem}.area#agentur .tab-02>.colblock>.col9:first-child{width:100}}@media only screen and (max-width:1024px){html{font-size:14px}#stage .area{height:auto}#main{height:94%}.agentur-next,.agentur-prev{display:none}#offene-stellen .col .inner{margin:20px}.area#jobs h3+p{width:100%}.post-listing .job-bereich{display:block;width:100%;padding-left:0;padding-right:0}}@media only screen and (max-width:1024px),only screen and (max-width:1112px) and (min-device-pixel-ratio:2){#animation,#replay{display:none}#mobile-wrapper{display:block!important;background-color:#71c7a9;background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/logo_b8_unterzeile.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;width:100%;height:100%}#mobile-animation{-webkit-animation:bgcolorchange 10s infinite;-webkit-animation-timing-function:steps(1);animation-timing-function:steps(1);width:100%;height:100%;background-color:#000}#mobile-animation svg{width:70%;max-width:420px;height:auto;max-height:80%;padding-top:20vh}.area#adday .flex-align-center,.area#adday .flex-align-top,.area#adday .flex-aligner{display:block;width:100%}}@media only screen and (min-width:741px){#swiper-fakten,.referenzen-pagination{display:none}}@media only screen and (max-width:740px){.colblock{padding:0 10px}#stage .area{padding-top:2rem;padding-bottom:2rem}#stage .area#adday,#stage .area#agentur,#stage .area#referenzen{padding:0!important}#menu #nav-main a{font-size:2.143rem;line-height:3.714rem}#menu>svg{width:120px}.area#referenzen .projekt .col a{max-width:100%;left:0;margin:0 10px;padding:20px 20px 40px}.area#referenzen .projekt h4+p{margin-bottom:1rem}.referenzen-pagination{display:inline-block;bottom:1rem}.referenzen-pagination .swiper-pagination-bullet-active{background:#fff}.referenzen-next,.referenzen-prev{display:none}.area#agentur #tab-navigation{margin-left:0;border-left:0;margin-top:4.5rem;width:100%}#tab-navigation h4{margin-left:20px;font-size:1rem}#tab-navigation h4 svg{margin-top:-4px;margin-left:-14px}#tab-navigation h4.act svg{margin-left:-16px;margin-top:-2px}.area#agentur>.colblock:first-child h3,.area#referenzen>.colblock:first-child h3{margin-top:2rem}.area#agentur #mgrafik{text-align:center;margin-bottom:2rem}.area#agentur #mgrafik svg{float:none;margin:0;width:80%}#grafik-fakten{display:none}#swiper-fakten{text-align:center;height:100%}#swiper-fakten .swiper-slide{height:100%}#swiper-fakten .swiper-slide svg{vertical-align:middle}.area#agentur .accordion h4.is-active+div{width:100%;top:0;left:0;background:none;height:auto;padding:0;position:relative}.area#agentur .accordion h4.is-active+div .close-accordion,.area#agentur .accordion h4.is-active+div h4{display:none}.area#agentur .accordion h4.is-active+div>ul,.area#agentur .accordion h4.is-active+div p{color:#fff!important;opacity:1;margin:.5em 1em 1em}.area#jobs .text img{display:none}.area#jobs .text .inner{margin-top:2rem}#kontakt .col5{width:100%!important}.area#adday .col6,.area#adday .helden-row,.area#adday .helden-table{display:block;width:100%}.area#adday .helden-cell{width:100%;height:100%;display:table;margin-bottom:40px;padding-left:10px;padding-right:10px}.area#adday .helden-bg{left:10px;right:10px}.area#adday .helden-row:last-of-type .helden-cell:last-of-type{margin-bottom:0}.area#adday .helden-row:first-of-type .helden-cell{padding-bottom:0}.area#adday .helden-row:first-of-type .helden-bg{top:0;bottom:0}.fullscreen-content.adday-fullscreen .col6:first-of-type{padding-right:0}.fullscreen-content.adday-fullscreen .col6:last-of-type{padding:20px}.area#adday .helden{padding-top:20px}.area#adday .helden,.area#adday .helden-image{padding-bottom:20px;padding-left:10px;padding-right:10px}.area#adday .helden-image-rechts,.area#adday .helden-rechts{padding-right:20px}.area#adday .helden-image-links,.area#adday .helden-links{padding-left:20px}.area#adday .helden-image img{margin-top:-20px}}@media only screen and (max-width:650px){body#referenz #refrenze-content .vimeo{height:260px}}@media only screen and (max-width:540px){.area#team #team-select{width:100%}.icons svg{width:35px}#swiper-team+.swiper-pagination{display:none}#swiper-team .inner{margin:0 10px}body#referenz #refrenze-content .vimeo{height:160px}}@media only screen and (max-width:370px){.icons a.icon{margin-right:6px}.icons svg{width:32px}.area#adday .helden{padding-top:20px}.area#adday .helden,.area#adday .helden-cell,.area#adday .helden-image{display:block;width:100%}.area#adday .helden-image-links,.area#adday .helden-image-rechts,.area#adday .helden-links,.area#adday .helden-rechts{text-align:center;padding-left:20px;padding-right:20px}.area#adday .helden-image-links{padding-top:20px;padding-bottom:0}.area#adday .helden-image img{margin-top:0;max-width:200px}}@media only screen and (max-width:270px){body#referenz #refrenze-content .vimeo{height:auto}}#adday{background-repeat:no-repeat}#adday,#offene-stellen{background-position:50%;background-size:cover}#kontakt{background-position:bottom;background-size:cover}@media only screen and (min-width:835px){body.agentur .area#agentur .tab-02{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Leistungen_1920x1080.jpg)}body.agentur .area#agentur .tab-03{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Fakten_1920x1080.jpg)}#offene-stellen.show{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Beton_Karriere_Detail_1920x1400.jpg)}}@media only screen and (min-width:741px){.area#kontakt{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala1_1920x1080.jpg),url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala2_1920x1080.png)}.area#kontakt.hover{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala2_1920x1080.png),url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala1_1920x1080.jpg)}}@media only screen and (min-width:541px) and (max-width:834px){body.agentur .area#agentur .tab-02{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Leistungen_tablet_768x1024px@2x.jpg)}body.agentur .area#agentur .tab-03{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Fakten_tablet_768x1024px@2x.jpg)}#offene-stellen.show{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Beton_Karriere_Detail_tablet_768x1024px@2x.jpg)}.area#kontakt{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala_tablet_768x1024px@2x.jpg);padding-bottom:16rem!important}.area#kontakt>.colblock:first-child h3{margin-bottom:1.5rem!important}}@media only screen and (min-width:541px) and (max-width:834px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:541px) and (max-width:834px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:541px) and (max-width:834px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:541px) and (max-width:834px) and (min-device-pixel-ratio:2){body.agentur .area#agentur .tab-02{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Leistungen_tablet_768x1024px@2x.jpg)}body.agentur .area#agentur .tab-03{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Fakten_tablet_768x1024px@2x.jpg)}#offene-stellen.show{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Beton_Karriere_Detail_tablet_768x1024px@2x.jpg)}.area#kontakt{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala_tablet_768x1024px@2x.jpg);padding-bottom:16rem!important}.area#kontakt>.colblock:first-child h3{margin-bottom:1.5rem!important}}@media only screen and (max-width:540px){body.agentur .area#agentur .tab-02{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Leistungen_mobile_414x736px.jpg)}body.agentur .area#agentur .tab-03{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Fakten_mobile_414x736px.jpg)}#offene-stellen.show{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Beton_Karriere_Detail_mobile_414x736px.jpg)}.area#kontakt{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala_mobile_414x875px@2x.jpg);padding-bottom:12rem!important}.area#kontakt>colblock:first-child h3{margin-bottom:1.5rem!important}}@media only screen and (max-width:540px) and (-o-min-device-pixel-ratio:2/1),only screen and (max-width:540px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:540px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:540px) and (min-device-pixel-ratio:2){body.agentur .area#agentur .tab-02{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Leistungen_mobile_414x736px@2x.jpg)}body.agentur .area#agentur .tab-03{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Fakten_mobile_414x736px@2x.jpg)}#offene-stellen.show{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Beton_Karriere_Detail_mobile_414x736px@2x.jpg)}.area#kontakt{background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/Hintergrund_Kontakt_nala_mobile_414x875px@2x.jpg);padding-bottom:12rem!important}.area#kontakt>colblock:first-child h3{margin-bottom:1.5rem!important}}#mobile-wrapper{background-color:#71c7a9;background-image:url(https://content.beaufort8.de/hubfs/B8%20Website/img/svg/logo_b8_unterzeile.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;width:100%;height:100%}@keyframes bgcolorchange{0%{background-color:#fbc347;opacity:1}10%{background-color:#ee364e;opacity:1}20%{background-color:#1b9dbd;opacity:1}30%{background-color:#71c7a9;opacity:1}40%{background-color:#fbc347;opacity:1}50%{background-color:#ee364e;opacity:1}60%{background-color:#1b9dbd;opacity:0}to{opacity:1;background-color:#fbc347}}@-webkit-keyframes bgcolorchange{0%{background-color:#fbc347;opacity:1}10%{background-color:#ee364e;opacity:1}20%{background-color:#1b9dbd;opacity:1}30%{background-color:#71c7a9;opacity:1}40%{background-color:#fbc347;opacity:1}50%{background-color:#ee364e;opacity:1}60%{background-color:#1b9dbd;opacity:0}to{opacity:1;background-color:#fbc347}}#swiper-referenzen-logos-desktop,#swiper-referenzen-logos-mobile,#swiper-referenzen-logos-tablet,.referenzen-logos-pagination-desktop,.referenzen-logos-pagination-mobile,.referenzen-logos-pagination-tablet{height:0;position:absolute;opacity:0;top:0}@media only screen and (min-width:1024px){#swiper-referenzen-logos-desktop,.referenzen-logos-pagination-desktop{opacity:1;height:auto;position:relative}}@media only screen and (min-width:415px) and (max-width:1023px){#swiper-referenzen-logos-tablet,.referenzen-logos-pagination-tablet{opacity:1;height:auto;position:relative}}@media only screen and (max-width:414px){#swiper-referenzen-logos-mobile,.referenzen-logos-pagination-mobile{opacity:1;height:auto;position:relative}}
/*# sourceMappingURL=https://cdn2.hubspot.net/hub/3290019/hub_generated/template_assets/5681964898/1660740974962/Codierte_Dateien/Custom/page/B8_Website/css/main.css */