@import url(reset.css);.head-flex,.info{width:100%;z-index:100;display:flex;left:0}#hoeren,.hoerstoerung,.info a,.liste li,header,nav ul li{position:relative}.icons a,.slogan a{background:#16a0a0}.flex,.head-flex,.info,nav ul{display:flex}.info a,body,nav ul li a{color:#2e2d2c}#kontakt h3,#ueberuns h2,h1,h2{text-transform:uppercase;margin-bottom:20px}.icons a,h4{margin-bottom:10px}.icons a,.schritt .popup-open{height:50px;border-radius:25px}.accordion-section-title,.btn,.cookie-notice-link,.cookie-notice-verwendung,.cookie-page2 a,.data a,.dsa-cookie-button,.info a,.slogan a,nav ul li a{text-decoration:none}figure,img{pointer-events:none}.notsafe{pointer-events:auto!important}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:300;src:url('../fonts/open-sans-v40-latin-300.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-300.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:400;src:url('../fonts/open-sans-v40-latin-regular.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-regular.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:400;src:url('../fonts/open-sans-v40-latin-italic.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-italic.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:500;src:url('../fonts/open-sans-v40-latin-500.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-500.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:italic;font-weight:500;src:url('../fonts/open-sans-v40-latin-500italic.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-500italic.ttf') format('truetype')}@font-face{font-display:swap;font-family:'Open Sans';font-style:normal;font-weight:600;src:url('../fonts/open-sans-v40-latin-600.woff2') format('woff2'),url('../fonts/open-sans-v40-latin-600.ttf') format('truetype')}body{font:400 15px/23px 'Open Sans'}.slogan a,nav{font-size:17px}#ueberuns h2 span,h3 span{font-weight:400;line-height:25px;display:block;text-transform:none}html{scrollbar-gutter:stable}*{box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{transition:.8s;-o-transition:.8s;-webkit-transition:.8s;-moz-transition:.8s;-ms-transition:.8s}.head-flex,.icons,.info{position:fixed}.info{top:0;background:#e8ebf4;text-align:right;justify-content:flex-end;padding:5px 10%;font-size:13px;font-weight:300}.info a{margin-left:30px}.info a:hover{color:#234295}.info a:first-child:before{content:'';background:url(../images/phone.svg) center/cover no-repeat;width:11px;height:12px;left:-18px;top:7px;position:absolute}.info a:last-child:before{content:'';background:url(../images/mail.svg) center/cover no-repeat;width:13px;height:10px;left:-20px;top:8px;position:absolute}.head-flex{top:33px;justify-content:space-between;padding:10px 10%;align-items:center;background:#fff}.icons a:hover,.pattern,.slogan{background:url(../images/pattern.svg) center/350px #234295}.logo img{width:150px}nav{font-weight:400}nav ul{justify-content:flex-end}.flex,.geschaeft{justify-content:space-between}nav ul li{margin:0 25px}nav ul li:before{position:absolute;content:'';width:6px;height:6px;border-radius:3px;background:#234295;right:-30px;top:8px}nav ul li:last-child{margin-right:0}nav ul li:last-child:before{content:none}nav ul li a:hover{text-decoration:underline;text-decoration-color:#16a0a0;color:#234295}.icons{right:15px;bottom:10%;z-index:101}.icons a{width:50px;display:block}.icon-geraet img,.icons a img{width:25px;height:auto;display:block;margin:auto;padding-top:11px}.icons a:last-child img{padding-top:15px}.head-img{width:75%;margin-left:25%}.head-img img{object-fit:cover;width:100%;height:950px}.slogan{position:absolute;left:0;bottom:10%;color:#fff;padding:70px 20px 70px 10%;width:35%}.box,.col-2{width:48%}.big{font-size:45px;line-height:55px;font-weight:600;text-transform:uppercase}#ueberuns h2,.small,h3{line-height:35px}.small{font-size:30px;font-weight:500;margin-top:10px}#kontakt h3,#ueberuns h2,h1,h2,h3,h4{font-weight:600}.slogan a{display:inline-block;margin-top:40px;padding:7px 30px;color:#fff;font-weight:500}.btn:hover,.slogan a:hover{background:#1b3582}#hoeren .col,.light .btn{background:#234295}.wrapper{padding:100px 10%}.flex{flex-wrap:nowrap}#ueberuns .wrapper{margin-bottom:150px}#ueberuns h2{font-size:30px;color:#16a0a0}#ueberuns h2 span{font-size:18px;color:#2e2d2c}#ueberuns .style-popup h3,.anatomie h2,.hoerstoerung h2,.style-popup h2,.systeme h2{color:#16a0a0!important}#ueberuns .light h2,.color,.light h3,.schritt h3 span{color:#16a0a0}#kontakt h3,h1,h2{font-size:30px;line-height:35px;color:#16a0a0}#kontakt h3 span,h1 span,h2 span{font-weight:400;font-size:18px;color:#2e2d2c;text-transform:none}h3{font-size:25px;text-transform:uppercase;margin-bottom:15px}#kontakt h4,.footer-headnline,.title,h4,h5{line-height:30px;text-transform:uppercase}h3 span{font-size:18px}h4{font-size:17px}#kontakt h4,.footer-headnline,h5{font-size:15px;font-weight:600}.btn,.title{color:#fff;font-size:17px}.italic{font-style:italic;margin-top:30px}.boxen{background:url(../images/hoergeraet.webp) center/cover no-repeat;height:550px;position:relative}.icon-geraet,.liste li:before,.pos,.schritte{position:absolute}.pos{left:0;top:-100px;margin:0 10%}.box{padding:50px 35px}#hoeren h2,#hoeren h2 span,.boxen .pattern,.systeme .accordion,.systeme .accordion-section-title{color:#fff}.box img,.popup-open img{width:50px}.light{background:url(../images/pattern-light.svg) center/350px #e8ebf4}.btn{background:#16a0a0;display:inline-block;margin-top:15px;padding:7px 30px;font-weight:500}.headline,.title,strong{font-weight:600}.geschaeft{display:flex;padding:50px 10%;background:url(../images/bildmarke.svg) right 50px bottom -150px/250px no-repeat}.lightblue,.schritt{background:#e8ebf4}.geschaeft img{width:30%;height:auto}#hoeren .col{color:#fff}.col{width:50%;padding:150px 50px 150px 10%}.border{border-left:2px solid #fff;padding-left:25px}#hoeren .fullimg{background:url(../images/hoergeraete-test.webp) left center/cover no-repeat;position:relative}#hoeren .fullimg2{background:url(../images/Job-bei-Gerspach.webp) left center/cover no-repeat;position:relative}.schritte{width:60%;right:0;top:15%}.schritt{padding:20px 35px;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;width:100%}.schritt h3{color:#2e2d2c}.schritt .popup-open img{display:block;width:15px;margin:auto;padding-top:11px}.schritt .popup-open{background:#234295;width:50px}.schritt .popup-open:hover{box-shadow:0 0 0 8px rgba(35,66,149,.3)}.anatomie h2 span,.hoerstoerung h2 span,.systeme h2 span{color:#2e2d2c!important}.bottom{align-items:flex-end}.bild{width:20%}.bild img{width:100%;object-fit:cover;height:450px;display:block}.text{border-bottom:25px solid #e8ebf4;width:80%;padding:120px 10% 120px 5%}.top-space{margin-bottom:20px}.title{margin-bottom:10px}.systeme .col{background:#fff!important;color:inherit!important}.systeme .col:first-child{padding:100px 5% 100px 10%}.systeme .col:last-child{padding:0}.systeme .col:nth-of-type(2){background:#16a0a0!important}.img-kunde{width:100%;height:400px;object-fit:cover;display:block}.systeme .light{position:relative;padding:35px}.icon-geraet{width:50px;height:50px;background:#234295;border-radius:25px;right:35px;top:-25px}#overlay,.data,.style-popup{position:fixed}.abstand{margin:50px 20% 50px 5%}.systeme .accordion-section-title{border-color:#fff}.center{align-items:center}.eyecatcher{background:url(../images/kleines-hoergeraet.webp) center/cover no-repeat;height:450px}.anatomie{background:url(../images/bg.webp) bottom left repeat-x}.data,.standorte{background:url(../images/pattern.svg) center/350px #234295;color:#fff}.ohr{margin-top:100px}.ohr .col-3{width:32%;background:#234295;color:#fff;box-shadow:0 0 15px rgba(0,0,0,.2)}.ohr .col-3 img{width:100%;height:auto;background:#fff}.anatomie-info{padding:50px 35px}.contactform{width:100%;height:600px}.standorte{padding:50px 10%}.col-4{width:25%}.data{left:0;bottom:0;padding:5px 15px;font-size:13px}.data a{color:#fff}.liste{margin-left:20px}.liste li:before{content:'';background:url(../images/check.svg) center no-repeat;width:15px;height:15px;left:-20px;top:4px}.bg{background:url(../images/pattern-light.svg) center/350px #e8ebf4;padding:35px}.headline{color:#16a0a0;font-size:25px;line-height:35px;text-transform:uppercase;margin-bottom:15px}.darkblue{background:url(../images/pattern.svg) center/350px #234295;color:#fff}.bieten h2{color:#234295!important}.style-popup{top:50%;left:50%;transform:translate(-50%,-50%);height:auto;width:60%;background:url(../images/bildmarke-light.svg) right 50px center/400px no-repeat #e8ebf4;text-align:left;padding:75px;display:none;z-index:9999999;color:#2e2d2c}.style-popup .thematik-img{width:65%;padding-top:15px}#overlay{display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:99999}.close-popup{border:none;background-color:transparent;position:absolute;right:-20px;top:-16px}.close-popup img{width:40px!important;height:40px!important;background:0 0!important}.cookie-page2 a,.cookie-page2 a.back-to-cookie{background-repeat:no-repeat;background-size:12px 12px;background-position:10px 16px;background-color:#d8d8d8}.accordion,.accordion *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.accordion{overflow:hidden}.accordion-section-title{width:100%;padding:15px;display:inline-block;border-bottom:1px solid #234295;transition:.15s linear;color:#2e2d2c;text-transform:uppercase;font-size:17px;position:relative}.burger-nav,.burger-nav b,.full-screen-nav{transition:.4s ease-in-out}.accordion-section-title span{color:#2e2d2c;font-variant:normal;font-size:18px}.accordion-section-title img{position:absolute;right:15px;top:32px;width:15px;height:auto}.accordion-section:last-child .accordion-section-title{border-bottom:none}.accordion-section-content{padding:15px;display:none}.burger-nav{position:fixed;right:4%;top:47px;color:#234295;z-index:9999;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);font-size:30px;cursor:pointer;padding:16px 21px 21px 19px;display:none}.burger-nav b{float:left;margin-left:0;font-family:'Merriweather Sans';font-style:normal}.burger-nav-anim{top:30px;right:30px;color:#fff}.burger-nav-anim b:first-of-type{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.burger-nav-anim b:nth-of-type(2){opacity:0}.burger-nav-anim b:last-of-type{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);margin-left:-64%}.full-screen-nav{position:fixed;z-index:9998;width:100%;height:100vh;background:url(../images/pattern.svg) center/350px #234295;display:table;visibility:hidden;opacity:0;left:0;top:0}.cookie-page1,.cookie-page2,.cookie-page2.show-page{transition:visibility,opacity .5s linear}.fadeIn,.fadeUp{opacity:1!important}.full-screen-nav ul{text-align:center;display:table-cell;vertical-align:middle;width:100%}.full-screen-nav ul .nav-li,.full-screen-nav ul li a{padding:10px 20px;display:block;font-size:20px;color:#16a0a0;transition:.4s ease-in-out;text-decoration:none;font-weight:500}.full-screen-nav ul .nav-li{text-decoration:underline;font-style:italic}.fadeIn{visibility:visible!important}.fadeUp{margin-top:0!important}.clear{clear:both}.cookie-page2{visibility:hidden;float:none;width:100%;opacity:0}.cookie-page2.show-page{visibility:visible;opacity:1}.cookie-page2 strong{font-size:18px;margin-bottom:10px}.cookie-page2 a{color:#000;font-size:16px;line-height:24px;display:inline-block;padding:10px 10px 10px 30px;border-radius:5px;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAmUlEQVRIie2VQQ6DIBQFJ72DpEfS3sQe1y66V+5RN5CaqJ8nUDd2EsKG9wYNAfhzkAfggY8xIsqaFVMiWCxILtigAYZfCRzwCpk4VxMsd/4G7jUFW+VSXhHslVcRWOUSlqC43BKo5Vm/6MjOswRPvufcWeFcAUAvlBcJVFb5W0GZxOkCH+bUlW1d06Ml7NDehL0xAm3Gh16ZGZhnhhStKN5+AAAAAElFTkSuQmCC')}.cookie-page2 a.back-to-cookie{display:block;width:80%;max-width:100px;margin:30px 0;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAAAY0lEQVRIie2UMQqAMBAEJ2Lhs3yR+hTt/I4f89JEBBHiQa4QdiCkCMzkigSEeCGVFSbfgD0icskNOIExUj5J3kzeVc7tEWxOAlbuKWZFahH3Q+sdAQOWsg/A4bvfd0I/O/FDMq2DH/bYYYYxAAAAAElFTkSuQmCC')}.cookie-overlay-dsa.show-cookie{display:block}.cookie-overlay-dsa{display:none;background-color:rgba(0,0,0,.6);position:fixed;z-index:99999999;top:0;height:100vh;width:100vw;line-height:20px}.dsa-cookie-notice-form{min-height:300px;width:500px;z-index:9999999999;position:absolute;top:40%;left:calc(48% - 250px);background-color:#fff;padding:2%}.dsa-cookie-notice-form fieldset p{margin-bottom:15px;text-align:center}.dsa-cookie-notice-form .cookie-item{width:33.33%;float:left;text-align:center}.cookie-overlay-headline{text-align:center;display:block;font-size:16px;font-weight:700;margin-bottom:15px;color:#234295}.dsa-cookie-notice-form fieldset label{cursor:pointer;text-align:center;color:#555}#dsa-check-all.dsa-cookie-button{background-color:#4b4b4b;margin-top:15px;color:#fff}.dsa-cookie-button{display:block;margin:0 50px 5px;background-color:#234295;padding:10px 20px;text-align:center;color:#fff}.dsa-cookie-notice-form input[type=checkbox]{display:none}.dsa-cookie-notice-form input[type=checkbox]+label::before{width:15px;height:15px;border:2px solid #4b4b4b;background-color:#fff;display:block;content:"";margin:10px auto}.dsa-cookie-notice-form input[type=checkbox]:checked+label::before,.dsa-cookie-notice-form input[type=checkbox]:disabled+label::before{box-shadow:inset 0 0 0 3px #fff;background-color:#4b4b4b}.cookie-notice-link,.cookie-notice-verwendung{display:inline-block;text-align:center;margin:10px auto 0;color:grey}.cookie-end-links{width:80%;margin:auto;text-align:center}@media screen and (max-width:550px){.dsa-cookie-notice-form{width:86%;left:7%;padding:5%}.cookie-notice-link{margin-top:25px}}@media screen and (max-height:570px){.dsa-cookie-notice-form{top:20%}}@media screen and (max-width:1500px){.slogan{width:45%}}@media screen and (max-width:1300px){#hoeren .fullimg{background-position:left -80px center}.schritte{top:25%}.bild img{height:580px}}@media screen and (max-width:1024px){.systeme .col:first-child,.wrapper{padding:100px 5%}#ueberuns .wrapper{margin-bottom:80px}.boxen{height:500px}.slogan{padding:70px 20px 70px 5%}.head-flex{padding:10px 5%}.info{padding:5px 5%}.pos{margin:0 5%}.geschaeft,.standorte{padding:50px 5%}#hoeren .flex:first-of-type{flex-wrap:wrap}.col{width:100%;padding:100px 5%}#hoeren .fullimg{height:600px;background-position:left center}.schritte{width:50%}.bild{width:30%}.bild img{height:700px}.text{width:70%}.systeme .col{width:50%!important}.abstand{margin-right:10%}}@media screen and (max-width:900px){.systeme .col,.text .col-2{width:100%!important}.ohr .col-3{width:100%;display:flex;margin-bottom:15px}.anatomie-info,.ohr .col-3 img{width:50%}.style-popup{width:90%;padding:35px}.boxen{background-position:bottom center}}@media screen and (max-width:830px){.head-img img{height:850px}.big{font-size:35px;line-height:45px}.small{font-size:20px;line-height:25px}.slogan{padding:50px 30px 50px 5%;bottom:-2%;width:70%}.slogan a{font-size:15px;margin-top:20px;text-align:center}}@media screen and (max-width:768px){.col-2,.col-4{margin-bottom:20px}nav{display:none}.burger-nav{display:block}.col-2{width:100%}.flex{flex-wrap:wrap}.lightblue .col-2{width:100%;margin:0}.col-4{width:48%}.bild,.text{width:100%}.bild{order:2}.bild img{height:400px}.text{order:1;border:none}.schritte{width:60%}}@media screen and (max-width:700px){.boxen{height:700px}.box{width:100%;padding:25px;margin-bottom:15px}.geschaeft{flex-wrap:wrap;background-position:right -15px bottom -150px}.geschaeft img{width:80%;margin:5px auto;display:block}}@media screen and (max-width:630px){.ohr .col-3{display:block}.anatomie-info,.ohr .col-3 img{width:100%}.schritte{top:5%;width:80%;left:10%}}@media screen and (max-width:480px){.big{font-size:30px;line-height:40px}.small{font-size:18px}#hoeren .fullimg{height:750px}.schritt{display:block;background:rgba(232,235,244,.9)}.schritt .popup-open{width:30px;height:30px;display:inline-block}.schritt .popup-open img{width:8px;padding-top:8px}.anatomie-info{padding:35px 25px}.icons{bottom:5%}}@media screen and (max-width:380px){.col-4{width:100%}}