/* @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:white;--secondary-bg-color:#f3f4f9;--primary-color:#6c2196;--secondary-color:#f58025;--tertiary-color:#333333;}.main-content__wrapper .l-general{width:100%;max-width:100%;padding-left:0;padding-right:0;}#misight-myopie-campaign{background-color:var(--main-bg-color);color:var(--tertiary-color);position:relative;z-index:1;overflow:hidden;}section,aside{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem;}.section-base{margin-bottom:90px;}.section-video{padding-top:30px;padding-bottom:30px;text-align:center;}.section-video p{font-size:1.125rem;padding:0 15px;}.bg-header{display:block;height:auto;border-bottom:5px solid rgba(108,33,150,.25);}.header-logo{width:100%;height:auto;max-width:400px;padding-top:2rem;}.section-header .section-content{padding:1.25rem 0;}@media only screen and (min-width:768px){section{display:grid;grid-gap:15px;}.section-base{margin-bottom:75px;}.section-header{background:url('/sites/coopervision.de/files/misight_myopie-management_key-visual.png') no-repeat center;background-size:550px;background-position:top 70% left -15rem;overflow:hidden;grid-gap:15px;grid-template-columns:33.33333% 66.66667%;}.section-header .section-content{padding:2rem 2rem 2rem 2rem;}.section-base{grid-template-columns:8.33333% 66.66667% 25%;}.section-video{grid-template-columns:16.66667% 66.66667% 16.66667%;}.section-small{padding:0 8.33333%;}.section-content{grid-column:2 / 3;}.section-video{padding-top:60px;padding-bottom:60px;margin-top:inherit;}}@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-size:650px;background-position:top 60% left -15rem;}.section-header .section-content{padding:3rem 3rem 3rem 6rem;}.header-logo{max-width:600px;}}@media only screen and (min-width:1400px){.section-header{background-size:650px;background-position:top 60% left -20%;}}h2{padding-bottom:30px;}a{color:var(--primary-color);}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;position:relative;padding-left:2rem;margin-bottom:1.75rem}#misight-myopie-campaign ul li:before{content:'';background:url('/sites/coopervision.de/files/misight_myopie-management_swoosh-full-circle.png') no-repeat center;background-size:contain;width:2rem;height:2rem;position:absolute;left:-1.25rem;top:0;transform:rotate(-45deg);}.video-wrapper{display:block;margin-bottom:15px;position:relative;padding-bottom:56.25%;height:0;}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height: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;vertical-align:baseline;top:-.5em;}.bg-grey{background-color:var(--secondary-bg-color);position:relative;}.bg-grey,.bg-header{margin-bottom:60px;}.bg-grey:before,.bg-grey:after{content:'';background:url('/sites/coopervision.de/files/misight_myopie-management_swoosh-full-circle.png') no-repeat center;background-size:contain;width:10rem;height:10rem;position:absolute;z-index:-1;}.bg-grey:before{top:-3.5rem;left:-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:before,.bg-grey:after{width:15rem;height:15rem;}.bg-grey:before{top:-6rem;left:-7rem;}.bg-grey:after{bottom:-6rem;right:-3rem;}}@media only screen and (min-width:1300px){.bg-grey:before,.bg-grey:after{width:20rem;height:20rem;}.bg-grey:before{top:-8rem;left:-8rem;}.bg-grey:after{bottom:-8rem;right:-4rem;}}@media only screen and (min-width:1600px){.bg-grey:before,.bg-grey:after{width:30rem;height:30rem;}.bg-grey:before{top:-15rem;left:-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);color:white;cursor:pointer;font-size:1.3125rem;padding:0.875rem 3.75rem 1rem 1.25rem;width:100%;border:none;border-radius:1rem;transition:0.4s;margin-bottom:15px;font-weight:700;text-align:left;display:block;position:relative;}.accordion:after{content:'';position:absolute;right:1.25rem;top:1rem;color:white;font-weight:bold;float:right;margin-left:15px;border:solid white;border-width:0 5px 5px 0;display:block;padding:5px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}.active:after{content:'';transform:rotate(-135deg);-webkit-transform:rotate(-135deg);top:1.3125rem;}.panel{padding:0 15px;max-height:0;overflow:hidden;transition:max-height 0.2s ease-out;}.nowrap{white-space:nowrap;}.img-responsive{width:100%;height:auto;margin-bottom:15px;image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}html{scroll-behavior:smooth;}#btnBackToTop{display:none;position:fixed;bottom:1.25rem;right:1.25rem;z-index:99;border:none;outline:none;background-color:var(--primary-color);color:var(--main-bg-color);cursor:pointer;border-radius:1rem;width:50px;height:50px;}#btnBackToTop:after{content:'';position:absolute;bottom:50%;right:40%;color:var(--main-bg-color);border:solid var(--main-bg-color);border-width:0 5px 5px 0;display:block;padding:5px;transform:rotate(-135deg) translate(-50%,-40%);-webkit-transform:rotate(-135deg) translate(-50%,-40%);}