/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.node-type-about-coopervision-page .about-page-hero--title__small{font-family:"Foundry Sterling Book",Arial,Helvetica,sans-serif;font-weight:400;font-size:2.1875rem;line-height:1.1;color:#005cab;margin-bottom:1rem;}.node-type-about-coopervision-page .about-page-hero--subtitle{font-family:"Foundry Sterling Book",Arial,Helvetica,sans-serif;font-weight:400;font-size:1.125rem;line-height:1.4;letter-spacing:normal;color:#1d1d1b;}@media (min-width:48.0625rem){.node-type-about-coopervision-page .about-page-hero--title__small{font-size:3.25rem;line-height:1.05;margin-bottom:1.25rem;}.node-type-about-coopervision-page .about-page-hero--subtitle{font-size:1.5rem;}}
:root{--main-bg-color:#fff;--secondary-bg-color:#f3f4f9;--primary-color:#6c2196;--secondary-color:#f58025;--tertiary-color:#333}.mb-0{margin-bottom:0!important}.mt-3{margin-top:3rem!important}.main-content__wrapper .l-general{max-width:100%!important;padding-left:0!important;padding-right:0!important;width:100%!important}#misight-myopie-campaign{background-color:var(--main-bg-color);color:var(--tertiary-color);overflow:hidden;position:relative;z-index:1}aside,section{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1.25rem;padding-right:1.25rem}.section-base{margin-bottom:90px}.section-video{padding-bottom:30px;padding-top:30px;text-align:center}.section-video p{font-size:1.125rem;padding:0 15px}.section-footnote{padding-bottom:2rem}.bg-header{border-bottom:5px solid rgba(108,33,150,.25);display:block;height:auto}.section-header .section-content{padding:1.25rem 0}@media only screen and (min-width:768px){section{grid-gap:15px;display:grid}.section-base{margin-bottom:75px}.section-header{grid-gap:15px;background:url(/sites/coopervision.de/files/misight_myopie-management_key-visual.png) no-repeat 50%;background-position:top 0 left 5rem;background-size:250px;grid-template-columns:33.33333% 66.66667%;overflow:hidden}.section-header .section-content{padding:4rem 2rem 4rem 4rem}.section-6-6{grid-gap:15px;display:grid;grid-template-columns:49% 49%;overflow:hidden}.section-base{grid-template-columns:8.33333% 66.66667% 25%}.section-video{grid-template-columns:16.66667% 66.66667% 16.66667%}.section-content{grid-column:2/3}.section-video{margin-top:inherit;padding-bottom:60px;padding-top:60px}}@media screen and (min-width:768px) and (max-width:991px){.section-header h1{font-size:2.1875rem}}@media only screen and (min-width:992px){.section-header{background-position:top 0 left 10%;background-size:350px}.section-header .section-content{padding:6rem 3rem 6rem 6rem}}@media only screen and (min-width:1400px){.section-header{background-position:top 0 left 10%;background-size:350px}}h2{padding-bottom:30px}a,a:active,a:focus,a:hover{color:var(--primary-color)}hr{border:1px solid #ececec;margin:75px 0}#misight-myopie-campaign ul li{list-style:none;margin-bottom:1.75rem;padding-left:2rem;position:relative}#misight-myopie-campaign ul li:before{background:url(/sites/coopervision.de/files/misight_myopie-management_swoosh-full-circle.png) no-repeat 50%;background-size:contain;content:"";height:2rem;left:-1.25rem;position:absolute;top:0;transform:rotate(-45deg);width:2rem}.video-wrapper{display:block;height:0;margin-bottom:15px;padding-bottom:56.25%;position:relative}.video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}.headline-purple{color:var(--primary-color);max-width:75%}.headline-orange{color:var(--secondary-color)}@media only screen and (min-width:768px){.headline-purple{max-width:100%}}.superscript{font-size:.667em;line-height:0;position:relative;top:-.5em;vertical-align:baseline}.bg-grey{background-color:var(--secondary-bg-color);position:relative}.bg-grey,.bg-header{margin-bottom:60px}.bg-grey:after,.bg-grey:before{background:url(/sites/coopervision.de/files/misight_myopie-management_swoosh-full-circle.png) no-repeat 50%;background-size:contain;content:"";height:10rem;position:absolute;width:10rem;z-index:-1}.bg-grey:before{left:-3.5rem;top:-3.5rem;transform:rotate(-45deg)}.bg-grey:after{bottom:-4rem;right:-1.5rem;transform:rotate(240deg)}@media only screen and (min-width:768px){.bg-grey,.bg-header{margin-bottom:75px}.bg-grey:after,.bg-grey:before{height:15rem;width:15rem}.bg-grey:before{left:-7rem;top:-6rem}.bg-grey:after{bottom:-6rem;right:-3rem}}@media only screen and (min-width:1300px){.bg-grey:after,.bg-grey:before{height:20rem;width:20rem}.bg-grey:before{left:-8rem;top:-8rem}.bg-grey:after{bottom:-8rem;right:-4rem}}@media only screen and (min-width:1600px){.bg-grey:after,.bg-grey:before{height:30rem;width:30rem}.bg-grey:before{left:-15rem;top:-15rem}.bg-grey:after{bottom:-12rem;right:-5rem}}.button{border:none;border-radius:1rem}.button-primary,.button-primary:hover{background:var(--secondary-color)}.button-secondary,.button-secondary:hover{background:var(--primary-color)}.accordion{background-color:var(--primary-color);border:none;border-radius:1rem;cursor:pointer;font-size:1.3125rem;margin-bottom:15px;padding:.875rem 3.75rem 1rem 1.25rem;position:relative;text-align:left;transition:.4s;width:100%}.accordion,.accordion:after{color:#fff;display:block;font-weight:700}.accordion:after{border:solid #fff;border-width:0 5px 5px 0;content:"";float:right;margin-left:15px;padding:5px;position:absolute;right:1.25rem;top:1rem;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.active:after{content:"";top:1.3125rem;transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}.panel{max-height:0;overflow:hidden;padding:0 15px;transition:max-height .2s ease-out}html{scroll-behavior:smooth}#btnBackToTop{background-color:var(--primary-color);border:none;border-radius:1rem;bottom:1.25rem;color:var(--main-bg-color);cursor:pointer;display:none;height:50px;outline:none;position:fixed;right:1.25rem;width:50px;z-index:99}#btnBackToTop:after{border:solid var(--main-bg-color);border-width:0 5px 5px 0;bottom:50%;color:var(--main-bg-color);content:"";display:block;padding:5px;position:absolute;right:40%;transform:rotate(-135deg) translate(-50%,-40%);-webkit-transform:rotate(-135deg) translate(-50%,-40%)}