/* @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;}}
.main-content__wrapper{padding-top:0;}.body-my-lens-life p{font-size:16px;}@media only screen and (min-width:769px){.ww__three-col{display:flex;}}@media only screen and (max-width:769px){.ww__three-col .step-box{width:100% !important;margin:1em 0 0 0;background-position:top -13em center;}.ww__three-col .step-box .btn-box{text-align:center;}.ww__three-col .step-box .btn-box .btn{text-align:center;width:100%;}}@media only screen and (max-width:710px){.ww__three-col .step-box{background-position:top -7em center;}}@media only screen and (max-width:560px){.ww__three-col .step-box{background-position:top -3.5em center;}}@media only screen and (max-width:400px){.ww__three-col .step-box{background-position:top -1em center;}}.step-box{background-color:#f2f2f2;padding:1em;background-size:cover;background-position:top -2em center;background-repeat:no-repeat;display:block;position:relative;padding-bottom:6em;}.step-box h3{color:#fff;font-size:27px;font-weight:400;text-shadow:1px 2px 3px rgba(000,000,000,0.5);display:inline-block;margin-bottom:0;margin-top:0.5em;min-height:150px;}.step-box .btn-box{display:block;position:absolute;bottom:1em;right:1em;}.step-box .btn{padding:0.75em 1em;text-align:right;display:inline-block;color:#fff;}.step-box .btn:hover{opacity:0.8;text-decoration:none;}.step-1{background-image:url("/sites/coopervision.de/files/bg_step_1_box.jpg");}.step-1 .btn{background-color:#289638;}.step-1 p{color:#289638;}.step-2{background-image:url("/sites/coopervision.de/files/bg_step_2_box.jpg");}.step-2 .btn{background-color:#ef7b10;}.step-2 p{color:#ef7b10;}.step-3{background-image:url("/sites/coopervision.de/files/bg_step_3_box.jpg");}.step-3 .btn{background-color:#00a1d4;}.step-3 p{color:#00a1d4;}.container-trial-banner{display:flex;width:100%;background-color:#f2f2f2;padding:2em;margin-bottom:5em;background-image:url("/sites/coopervision.de/files/trial-banner-bg.jpg");background-repeat:no-repeat;background-size:contain;background-position:left -250px top;}.container-trial-banner h3{color:#fff;font-size:27px;font-weight:400;text-shadow:1px 2px 3px rgba(000,000,000,0.5);display:block;padding:1em 0 0;margin:0;}.container-trial-banner .logo{width:15%;display:block;text-align:center;position:relative;}.container-trial-banner .logo img{width:80%;height:auto;position:absolute;top:50%;right:0;transform:translateY(-50%) translateX(0);}.container-trial-banner .headline{width:50%;display:block;text-align:left;position:relative;padding-right:1.5em;}.container-trial-banner .btn-box{display:block;text-align:right;width:35%;position:relative;padding-top:1em;}.container-trial-banner .headline p{color:#fff;font-size:1.2em;display:inline-block;margin:0 0 2em;text-shadow:1px 2px 3px rgba(000,000,000,0.5);width:60%;}.container-trial-banner .text p.footnote{color:#77787b;font-size:0.9em;position:absolute;bottom:1.3em;right:0;}.container-trial-banner .btn{padding:0.75em 1em;text-align:center;display:block;color:#fff;background-color:#6c2196;font-size:16px;width:90%;}.container-trial-banner .btn:hover{opacity:0.8;text-decoration:none;}@media only screen and (max-width:1150px){.container-trial-banner h3{font-size:1.3em;}.container-trial-banner .text p{color:#6c2196;font-size:1em;position:absolute;top:0;left:0;transform:translateY(0);}.container-trial-banner .text p.footnote{color:#77787b;font-size:0.9em;position:absolute;top:3em;bottom:0;right:0;}.container-trial-banner .btn-box-inner{position:absolute;top:50%;widht:100%;transform:translatey(-50%);display:block;width:100%;}}@media only screen and (max-width:769px){.container-trial-banner{display:block;background-image:url('/sites/coopervision.de/files/purple-bg-trial-ru.jpg');background-size:contain;background-position:top -3em left 0 !important;background-color:#f2f2f2;}.container-trial-banner .btn-box-inner{position:relative;}.container-trial-banner .logo{display:none;}.container-trial-banner .headline{width:100%;padding-left:0;}.container-trial-banner .headline h3{padding:0;font-size:1.5em;margin:1.5em 0 1em;padding-top:1.5em;display:block;}.container-trial-banner .headline p{color:#6c2196;!important;text-shadow:none;padding-top:5em;width:100%;}.container-trial-banner .btn-box{width:100%;text-align:center;display:block;position:relative;margin-top:2em;padding-top:1em;}.container-trial-banner .btn-box .btn{position:relative;width:100%;top:auto;text-align:center;}}@media only screen and (max-width:1200px){.container-trial-banner{background-position:left -350px top;}}@media only screen and (max-width:960px){.container-trial-banner{background-position:left -390px top;padding:0 2em;}}.header.my-lens-life{display:block;width:1380px;height:auto;background-image:url('/sites/coopervision.de/files/my_lens_life_bg_header_home.jpg');background-repeat:no-repeat;background-size:cover;background-position:top -2em left 0;padding:1em 1em 1em 100px;margin-left:-100px;-webkit-box-shadow:0 0 5px 1px rgba(000,000,000,0.1);box-shadow:0 0 5px 1px rgba(000,000,000,0.1);}.header.my-lens-life .header-content{display:flex;}.header.my-lens-life .header-content .headline{width:70%}.header.my-lens-life .header-content .headline h2{color:#fff;font-size:3em;font-weight:400;text-shadow:1px 2px 3px rgba(000,000,000,0.5);display:inline-block;padding-top:1em;line-height:1.3em;}.header.my-lens-life .created{color:#6c2196;}.header.my-lens-life .header-content .logo{width:30%;text-align:center;}.header.my-lens-life .header-content .logo img{width:55%;height:auto;padding:5em 0;}@media only screen and (max-width:1400px){.header.my-lens-life{width:100%;margin:0;padding-left:2em;}}@media only screen and (max-width:1400px){.header.my-lens-life{background-position:top -1em left 0;}}@media only screen and (max-width:1200px){.header.my-lens-life{background-position:top -1em right 50%;}}@media only screen and (max-width:1050px){.header.my-lens-life .header-content .headline h2{margin-top:0;padding-top:0.5em;}}@media only screen and (max-width:769px){.body-my-lens-life-content{padding-left:1em;padding-right:1em;}.main-content__wrapper_my-lens-life .l-general{padding-left:0;padding-right:0;}.header.my-lens-life{background-position:top -25em left 0;background-size:inherit;min-height:80vh;text-align:center;padding:1em 0;}.header.my-lens-life .header-content{display:block;}.header.my-lens-life .headline{width:96% !important;text-align:center;padding-left:1em;padding-right:1em;}.header.my-lens-life .headline h2{font-size:3em !important;}.header.my-lens-life .logo{width:100% !important;text-align:center !important;}.header.my-lens-life .logo img{padding:11em 0 3em !important;text-align:center;}}.text-content{padding:2em 0;}.text-content p{padding-bottom:1.5em;}h3,.h3{font-size:27px !important;}p{font-size:16px !important;}.body-my-lens-life .footnote-discl{font-size:11px !important;margin-bottom:3rem;}
