/*!
Theme Name: Kompakt Sound
Author: bitpunk.de
Author URI: https://bitpunk.de
Version: 0.9
Text Domain: kompaktsound
*/@font-face{font-family:d_day_stencil;src:url(fonts/d_day_stencil-webfont.woff2) format("woff2"),url(fonts/d_day_stencil-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:triomphe;src:url(fonts/triomphe-bold-webfont.woff2) format("woff2"),url(fonts/triomphe-bold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:triomphe;src:url(fonts/triomphe-light-webfont.woff2) format("woff2"),url(fonts/triomphe-light-webfont.woff) format("woff");font-weight:200;font-style:normal}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smooth:antialiased}::-moz-selection{color:#000;background:#fc0}::selection{color:#000;background:#fc0}body{padding:0;margin:0;font-family:triomphe,sans-serif}.wrap{position:relative;max-width:1600px;max-width:100rem;margin:auto;width:100%;padding:0 2em;z-index:1}@media (min-width:48em){.wrap{padding:0 3em}}.lazyload{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="5" /></filter></svg>#filter');-webkit-filter:blur(5px);filter:blur(5px);-webkit-transition:-webkit-filter .4s;transition:-webkit-filter .4s;transition:filter .4s;transition:filter .4s,-webkit-filter .4s}.lazyloaded{filter:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');-webkit-filter:blur(0);filter:blur(0)}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:3em;text-transform:uppercase;margin:0 0 .5em;color:inherit;font-family:d_day_stencil,sans-serif}@media (min-width:48em){h1,h2,h3,h4,h5,h6{font-size:4em}}h2{font-size:2em}@media (min-width:48em){h2{font-size:2.5em}}h3{font-size:1.3em}@media (min-width:48em){h3{font-size:1.5em}}h4,h5,h6{font-size:1.25em;text-transform:inherit;font-weight:700}p{line-height:1.4em;padding-bottom:1em;margin:0}a{text-decoration:underline;color:inherit}a:active,a:focus{outline:none}strong{font-weight:700}@-webkit-keyframes a{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}50%{opacity:1}to{-webkit-transform:translateY(1);transform:translateY(1);opacity:1}}@keyframes a{0%{opacity:0;-webkit-transform:scale(1.25);transform:scale(1.25)}50%{opacity:1}to{-webkit-transform:translateY(1);transform:translateY(1);opacity:1}}@-webkit-keyframes b{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.05);transform:scale(1.05)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes b{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1.05);transform:scale(1.05)}30%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation:b .5s ease-in-out infinite;animation:b .5s ease-in-out infinite}.alignnone{margin:0;max-width:100%;height:auto}.aligncenter,div.aligncenter{display:block;margin:5px auto;max-width:100%;height:auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft,.alignright{max-width:100%;height:auto}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#eee;clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:5}.logo{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;padding:.25em;height:100%}@media (min-width:48em){.logo{padding:.75em}}@media (min-width:60em){.logo{padding:1em}}.logo img{height:100%;width:auto;vertical-align:top}.btn{border:0;border:2px solid;background:transparent;font-size:1.25em;line-height:1em;display:inline-block;padding:1em 2em;margin:1em 0 0;cursor:pointer;text-align:center;text-decoration:none;vertical-align:middle;font-family:d_day_stencil,sans-serif;text-transform:uppercase}.btn:focus,.btn:hover{outline:none;-webkit-animation:b .5s ease-in-out infinite;animation:b .5s ease-in-out infinite}.btn:active{-webkit-transform:scale(.9);transform:scale(.9);-webkit-transition:none;transition:none;outline:none}.btn--highlight{font-family:d_day_stencil,sans-serif;font-size:2.5em;padding:.5em 1em}.heading{font-size:2em;//max-width:16em}@media (min-width:48em){.heading{font-size:2.5em}}.heading--center{text-align:center;margin-left:auto;margin-right:auto}.heading--center:after{-webkit-transform:translateX(-50%);transform:translateX(-50%);position:relative;left:50%}.heading--small{font-size:1.5em}@media (min-width:48em){.heading--small{font-size:2em}}.heading--supersize{font-size:2.5em;margin-bottom:.375em;line-height:1em}@media (min-width:32em){.heading--supersize{font-size:3em}}@media (min-width:48em){.heading--supersize{font-size:4em}}@media (min-width:60em){.heading--supersize{font-size:5em}}@media (min-width:90em){.heading--supersize{font-size:6em}}.heading--supersize:after{content:"";display:block;height:.075em;width:30%;margin-right:auto;margin-top:.25em;background:#fff}.heading--highlight{display:inline-block;padding-bottom:.5em;position:relative;color:#fc0;width:100%;text-transform:uppercase;font-weight:700}.heading--highlight:after{content:"";display:block;height:.125em;width:50%;margin-top:.25em;max-width:5em}.heading--brand{color:#fc0}.heading--brand:after{background:#fc0}.heading--inherit{color:inherit}.input{display:inline-block;height:2em;border:none;font-size:1em;padding:1.5em;margin:1em 0;width:auto;font:inherit;border:1px solid #ccc;width:100%}.input:focus{outline:0}.input--textarea{height:auto}.input--select{position:relative;line-height:.8em;display:inline-block;width:100%;border:1px solid #fc0;color:#fc0;background-color:#fff;height:auto;padding:0}.input--select select{width:100%;font-size:inherit;color:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:block;border-radius:0;background:none;cursor:pointer;padding:.75em 1.5em .75em .75em;margin:0;height:3em}.input--select:before{right:1em;top:45%;border:solid transparent;content:"";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,204,0,0);border-top-color:#fc0;border-width:.3em;margin-left:-.3em}.input__set{display:-webkit-box;display:-ms-flexbox;display:flex}.input__set :first-child{border-radius:0;width:100%;//border-right:none}.input__set :last-child{border-radius:0;border-left:none}.image{width:100%;height:auto;vertical-align:top}.image--notfull{width:auto;max-width:100%}.image__figure{padding:0;margin:0}.img-responsive{max-width:100%;vertical-align:top}.video{width:100%;padding:1em 0 2em}.video__wrap{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.video__wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.button-burger{font-size:16px;font-size:1rem;border:none;border-radius:0;//transition:all .5s ease-in-out;cursor:pointer;position:relative;background:#000;padding:0}.button-burger:active,.button-burger:focus,.button-burger:hover{outline:none;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-transform .5s ease-in-out}.button-burger:after,.button-burger:before{display:block;width:60%;height:7.5%;background:#fff;vertical-align:top;content:"";position:absolute;top:37.5%;left:20%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;margin:0}.button-burger:after{top:auto;bottom:35%}.button-burger--crossed:after{-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.button-burger--crossed:after,.button-burger--crossed:before{top:50%;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.button-burger--crossed:before{-webkit-transform:rotate(135deg);transform:rotate(135deg);bottom:auto}.nav{background:transparent;position:fixed;top:48px;top:3rem;right:0;bottom:0;left:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;pointer-events:none;-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out}@media (min-width:48em){.nav{top:5rem}}@media (min-width:60em){.nav{top:6rem}}.nav--collapsed{display:-webkit-box;display:-ms-flexbox;display:flex;background:rgba(0,0,0,.8);-webkit-transition:background .5s ease-in-out;transition:background .5s ease-in-out;pointer-events:auto}.nav__list{list-style:none;padding:0;margin:0}.nav__item{font-size:2em;margin:.25em 0;text-transform:uppercase;position:relative;color:#fff;text-align:center;opacity:0;font-family:d_day_stencil,sans-serif}@media (min-width:60em){.nav__item{font-size:4em;margin:.5em 0}}.nav__item--animation{-webkit-animation:a .25s cubic-bezier(.64,.01,.68,1.67) forwards;animation:a .25s cubic-bezier(.64,.01,.68,1.67) forwards}.nav__item--current .nav__link:before{content:"";position:absolute;display:block;width:100%;left:0;height:.1em;top:100%;background-color:#fff}.nav__link{color:inherit;text-decoration:none;position:relative}.nav-service{color:gray;padding:0;margin:0}.nav-service__list{padding:0;margin:0;list-style:none;font-weight:700;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.nav-service__item{color:inherit;margin:0;margin-right:1em}.nav-service__link{color:inherit;text-decoration:none}.nav-service__link:active,.nav-service__link:focus,.nav-service__link:visited{color:inherit}.grid__row{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row wrap;background-position:50%;background-size:cover;background-color:#000;color:#fff;overflow:hidden}.grid__row:nth-child(odd){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.grid__row:nth-child(odd) .grid__item:after{border-color:transparent;border-right-color:#000;left:auto;right:100%}.grid__row:nth-child(2n){background-color:#fff;color:#000}.grid__row:nth-child(2n) .grid__item:after{border-color:hsla(0,0%,100%,0);border-left-color:#fff}.grid__item{padding:0;margin:0;background-position:50%;background-size:cover;min-height:25em;position:relative}.grid__item--half{width:100%}@media (min-width:60em){.grid__item--half{width:50%}}.grid__item--arrow:after{left:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;z-index:2;position:absolute;pointer-events:none;border-color:hsla(0,0%,100%,0);border-left-color:#fff;border-width:30px;margin-top:-15px}.grid__item--light{background-color:#fff;color:#000}.grid__item--light:after{border-color:hsla(0,0%,100%,0);border-left-color:#fff}.grid__item--dark{background-color:#000;color:#fff}.grid__item--dark:after{border-color:transparent;border-right-color:#000;left:auto;right:100%}.grid__item--full{width:100%;background-color:transparent;color:#fff}@media (min-width:60em){.grid__item--full .grid__inner{padding:10% 4em}}.grid__item--center{display:flex;justify-content:center;align-items:center}.grid__inner{padding:2em}@media (min-width:48em){.grid__inner{padding:4em}}@media (min-width:60em){.grid__inner{padding:15% 4em;max-width:45em}}.quick-info{height:100%}@media (min-width:48em){.quick-info{position:relative}}.quick-info__list{width:auto;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;list-style:none;padding:0;margin:0}.quick-info__item{color:#000;background-color:#fc0}.quick-info__item,.quick-info__item:hover{-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.quick-info__item:hover{background-color:#ffd633}.quick-info__item:hover .quick-info__info{display:block}.quick-info__info{display:none;background:#fc0;color:#000;font-weight:700;text-align:center;position:absolute;top:100%;left:0;width:100%;padding:1em}@media (min-width:48em){.quick-info__info{width:300%;left:-100%}}.quick-info__icon{display:block;max-width:100%}.quick-info__link{position:relative;color:inherit;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:48px;height:3rem;width:48px;width:3rem;background:none;text-align:center}@media (min-width:48em){.quick-info__link{height:5rem;width:5rem}}@media (min-width:60em){.quick-info__link{height:6rem;width:6rem;font-size:1em}}.quick-info__link:hover{position:relative}.quick-info__link:hover:before{bottom:0;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(255,204,0,0);border-bottom-color:#fc0;border-width:.25em;margin-left:-.25em}@media (min-width:30em){.quick-info__link:hover:before{border-width:.4em;margin-left:-.4em}}.intro{min-height:75vh;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-position:50%;background-size:cover}.intro,.intro__title{display:-webkit-box;display:-ms-flexbox;display:flex}.intro__title{margin:0;padding:0;font-size:3em;width:auto}@media (min-width:32em){.intro__title{font-size:4em}}@media (min-width:48em){.intro__title{font-size:5em}}@media (min-width:60em){.intro__title{font-size:8em}}.intro__title span:first-child{text-align:right;color:#fff;display:block;-webkit-transform:translateY(-25%);transform:translateY(-25%);margin:0 .25em}.intro__title span:last-child{color:#000;-webkit-transform:translateY(25%);transform:translateY(25%);margin:0 .25em}.text--center{text-align:center}.header{position:fixed;top:0;left:0;z-index:3;width:100%;background:#fff}.header__inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:48px;height:3rem;background-color:$color2}@media (min-width:48em){.header__inner{height:5rem}}@media (min-width:60em){.header__inner{height:6rem}}.header__quick-info{margin:0 0 0 auto}.header__burger{height:48px;height:3rem;width:48px;width:3rem;z-index:4}@media (min-width:48em){.header__burger{height:5rem;width:5rem}}@media (min-width:60em){.header__burger{height:6rem;width:6rem}}.main{padding-top:48px;padding-top:3rem}@media (min-width:48em){.main{padding-top:5rem}}@media (min-width:60em){.main{padding-top:6rem}}.footer{background-color:#000;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.footer__col{width:100%;padding:1.5em;text-align:center}@media (min-width:48em){.footer__col{width:50%;text-align:left}.footer__col:last-child{text-align:right}}