* { box-sizing: border-box; }
img { max-width: 100%; }

:root {
    --primary-red: #C8102E;
}

body { background: white; color: #000; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 400; font-style: normal; font-size: 14px; }
a { color: var(--primary-red); text-decoration: underline; }
a:hover { text-decoration: none; }

#main { max-width: 100%; }
.main { display: none; } /* store locator iframe */

.navbar , #progress_hidden{ display: none!important; }
.progress-bar-info { background-color: var(--primary-red); }

#header_text { border-bottom: 1px solid var(--primary-red); margin: 0 auto; max-width: 1510px; padding: 20px 0; }

#content { margin: 0 auto; max-width: 1200px; padding: 30px 0; }
#content h1 { font-size: 30px; margin: 0 0 25px 0; text-align: center; text-transform: uppercase; }
#content p { margin: 0 0 12px 0; line-height: 18px;}
#content ol li { list-style: inside decimal; }
#content table { border-collapse: collapse; margin: 0 0 15px 0; width: 100%; }
#content td { border: 1px solid #666; padding: 5px; }

#promo_content { margin: 0 auto; max-width: 1200px; min-height: calc(100vh - 150px); }

#promo_content.info_text_left #info_text_holder { width: 25%; }
#info_text { font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 64px; font-weight: bold; text-align: right; text-transform: uppercase; }
#info_text strong { color: var(--primary-red); }

#progress_detailed { overflow: hidden; }
#progress_detailed > div { border-bottom: 5px solid #ccc; clear: none; float: left; margin: 0 1% 0 0; width: 32%; }
.stage2 #progress_detailed > div:nth-child(1),
.stage3 #progress_detailed > div:nth-child(1),
.stage3 #progress_detailed > div:nth-child(2) { border-color: var(--primary-red); }
#progress_detailed .progress_full .title_sub { color: black; }

#promo_content.info_text_left #form_holder { margin: 0; padding: 30px 0; width: 70%; }
#form_intro { margin: 30px 0; }
.field-row { padding: 10px 0; }
.table-cell label { display: inline-block; padding: 10px 5px 10px 0; }
.table-cell input[type="text"], 
.table-cell select { background: #F5F6F6; border: 0; border-radius: 0; color: black; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 14px; padding: 10px; width: 100%; }
.table-cell select { padding: 10px 5px; }
#submit-div { float: right; }
#r_button_subscribe { clear: none; float: right; padding: 0; }
.next_step, .SubmitButt { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 21px; margin: 0 0 0 15px; min-width: 200px; padding: 10px 20px; transition: background-color 0.3s; }
.next_step:hover, .SubmitButt:hover { background: black; }
.prev_step { background: #888; border: 0; color: white; cursor: pointer; float: left; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-size: 21px; min-width: 200px; padding: 10px 20px; transition: background-color 0.3s; }
.prev_step:hover { background: black; }

.required { color: var(--primary-red); }
div.required { color: black; }
div.required span { color: var(--primary-red); }
#a_l_txt_customer_type,
#a_l_txt_bank_details_international,
#a_l_txt_purchased_products_number, #a_l_txt_payment_method { display: none; font-size: 20px; font-weight: bold; margin: 15px 0; }
#progress_detailed #a_l_txt_customer_type,
#progress_detailed #a_l_txt_bank_details_international,
#progress_detailed #a_l_txt_purchased_products_number, #a_l_txt_payment_method  { display: inline-block; }
span[id^="address_"],
#date_birth_u_info,
#bank_benficiary_u_info,
div[id^="serial_number"],
div[id^="date_purchase"],
div[id^="purchase_upload_file"] { display: block; font-size: 13px; padding: 5px 0; }
#r_date_birth .table-cell,
div[id^="r_date_purchase"] .table-cell { position: relative; }
.ui-datepicker-trigger { cursor: pointer; position: absolute; top: 5px; right: 5px; }
#promo_content a.popup { background: transparent; border: 1px solid var(--primary-red); border-radius: 50%; color: var(--primary-red)!important; display: inline-block; height: 19px; line-height: 19px; text-align: center; text-decoration: none; width: 19px; }
#add_another_product,
#remove_last_product { background: var(--primary-red); border: 0; color: white; cursor: pointer; font-family: 'Gotham SSm A', 'Gotham SSm B', Arial, sans-serif; font-weight: 300; font-style: normal; margin: 0 0 5px 0; padding: 12px; width: 100%; transition: background-color 0.3s; }
#add_another_product.disabled,
#remove_last_product.disabled { display: none; }
#add_another_product:hover,
#remove_last_product:hover { background: black; color: white; }
.field-row .inputfile.inputfile__btn + label { background: var(--primary-red)!important; width: 100%; transition: background-color 0.3s; }
.field-row .inputfile.inputfile__btn + label span { font-size: 14px; display: block; }
.field-row .inputfile.inputfile__btn + label:hover { background: black!important; }
.dynamic_info_logo { top: 15px; }

.step { position: relative; }

#r_subscribe + div { display: none; background: #fff; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.25); color: #333; font-size: 15px; padding: 20px 10px 30px 10px; text-align: left; width: 100%; position: absolute; bottom: 0; left: 0; }
#r_subscribe + div ul { counter-reset: item;list-style-type: decimal; margin: 0 0 15px 15px; }
#r_subscribe + div a { font-size: 14px; position: absolute; top: 15px; right: 30px; }
#r_terms_conditions,
#r_subscribe { position: relative; line-height: 18px; padding: 0 0 0 23px; }
#r_terms_conditions { margin: 15px 0 30px 0; }
#r_terms_conditions input,
#r_subscribe input { position: absolute; top: 0; left: 0; }

#r_subscribe + div p { font-size: 25px; margin: 0 100px 50px 100px; text-align: center; }
#r_subscribe + div li { display: block; float: left; font-size: 13px; line-height: 1.2; padding: 110px 10px 0 45px; width: 25%; position: relative; }
#info_text .block1 p { text-align: left; }
#info_text .block1 strong { background: var(--primary-red); border-radius: 15px; color: #fff; float: left; font-size: 20px; height: 32px; line-height: 32px; margin: 0 10px 0 0; text-align: center; width: 32px; position: relative; top: -2px; }
#r_subscribe + div li:nth-child(1) { background: url(../images/icon1.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(2) { background: url(../images/icon2.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(3) { background: url(../images/icon3.gif) top center no-repeat; }
#r_subscribe + div li:nth-child(4) { background: url(../images/icon4.gif) top center no-repeat; }
#r_subscribe + div li:before { content: counters(item, ".") " "; counter-increment: item; color: #fff; background:#c00; width:32px; text-align: center; display: block; float:left; line-height: 32px; margin: 0 10px 0 0; border-radius: 15px; font-size: 20px; position: absolute; top: 110px; left: 0; }

#footer { margin: 0 auto; max-width: 1200px; overflow: hidden; padding: 30px 0; }
#footer p { float: left; }
#footer ul { float: right; text-align: right; }
#footer li { display: inline-block; margin: 0 0 0 15px; }

#main.ty #info_text_holder { display: none; }
#main.ty #form_holder { float: none; min-height: 80vh; width: 100%; }
#main.ty #form_wrapper { display: flex; align-items: center; justify-content: center; font-size: 18px; min-height: calc(100vh - 300px); text-align: center; }
#main.ty #form_wrapper h2 { font-size: 24px; font-weight: bold; margin: 0 0 30px 0; }

.p348 #header_text { max-width: 1200px; }
.p348 form,
.p348 .appl_alert { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; margin: 0 auto; max-width: 1200px; min-height: calc(100vh - 150px); padding: 30px 0; }
.p348 h1 { font-size: 30px; margin: 0 0 30px 0; }
/* #progress_detailed > div { margin: 0; width: 100%; } */
.p348 #submit-div,
.p348 #r_button_subscribe { float: none; margin: 15px 0; }
.p348 .SubmitButt { margin: 0; }

.land-main #header_text { display: none; }
.land-main #content { max-width: 100%; padding-top: 190px; }
.land-main #content .block1 { background: white; padding: 60px 0; width: 100%; position: fixed; top: 0; left: 0; z-index: 9; }
.land-main #content .block1 .block0 { margin: 0 auto; max-width: 1280px; padding: 0; }
.land-main #content .block1.scroll { background: rgba(255,255,255,0.95); border-bottom: 2px solid var(--primary-red); }
.land-main #content .block1:after { clear: both; content: ''; display: block; height: 1px; width: 1px; }
.land-main #content .block1 p { float: left; }
.land-main #content .block1 .nav { float: right; font-size: 16px; position: relative;}
.land-main #content .block1 .nav a.toggle { background: url(../images/toggle.png) center center no-repeat; display: none; height: 38px; overflow: hidden; text-indent: 9999px; vertical-align: middle; white-space: nowrap; width: 38px; }
.land-main #content .block1 .nav ul { display: inline-block; }
.land-main #content .block1 .nav li { display: inline-block; padding: 0 10px; }
.land-main #content .block1 .nav a { display: inline-block; font-size: 14px; padding: 15px 10px; text-decoration: none; transition: background-color 0.3s, color 0.3s; }
.land-main #content .block1 .nav li.reg a { border: 2px solid var(--primary-red); font-weight: bold; }
.land-main #content .block1 .nav a:hover { color: black; }
.land-main #content .block1 .nav li.reg a:hover { background: var(--primary-red); color: white; }
.land-main #content .block1 .nav li.country a { padding: 15px 0; }

.land-main #content .block2 { clear: both; margin: 0 auto 50px auto; max-width: 1280px; overflow: hidden; }
.land-main #content .block21 { float: left; width: 45%; }
.land-main #content .block21 h1 { font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 120px; font-weight: bold; line-height: 100px; text-align: left; text-transform: uppercase; }
.land-main #content .block21 h1 strong { color: var(--primary-red); display: block; margin-left: 100px; }
.land-main #content .block21 h4 { font-size: 24px; margin: 0 0 60px 100px; }
.land-main #content .block21 p { margin-left: 100px; }
.land-main #content .block21 .Jetzt_registrieren { background: var(--primary-red); color: white; display: inline-block; font-size: 21px; padding: 24px 40px; text-decoration: none; transition: background-color 0.3s; }
.land-main #content .block21 .Jetzt_registrieren:hover { background: black; }
.land-main #content .block22 { float: right; text-align: right; width: 50%; position: relative; }
.land-main #content .block22 .roundel { width: 200px; position: absolute; top: 45px; left: -100px; }

.land-main #content .block3 { background: #f5f6f6; }
.land-main #content .block0 { margin: 0 auto; max-width: 1200px; padding: 75px 0; }
.land-main #content .block3 h2 { font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 64px; font-weight: bold; margin: 0 0 50px 0; }
.land-main #content .block3 h2 strong { color: var(--primary-red); display: block; margin: 0 0 0 230px; }
.land-main #content .block3 .box { background: white; display: inline-block; min-height: 670px; margin: 0 10px; padding: 15px 15px 40px 15px; position: relative; }
.land-main #content .block3 h3 { font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 40px; font-weight: bold; margin: 0 30px 15px 30px; }
.land-main #content .block3 h3 strong { color: var(--primary-red); }
.land-main #content .block3 h3 a { color: black; text-decoration: none; transition: color 0.3s; }
.land-main #content .block3 h3 a:hover { color: var(--primary-red); }
.land-main #content .block3 p { margin: 0 30px 15px 30px; }
.land-main #content .block3 p.photo { margin: 0 0 15px 0; }
.land-main #content .block3 .block0 > div { margin: 0 0 30px 0; }
.land-main #content .block3 .block0 > div,
.land-main #content .block3 .block0 > div + p { text-align: center; }
.land-main #content .block3 ol { counter-reset: item; margin: 0 30px 15px 30px; }
.land-main #content .block3 ol li { display: block; margin: 0 0 15px 35px; padding: 10px 0 0 0; position: relative; }
.land-main #content .block3 ol li::before { border: 2px solid var(--primary-red); border-radius: 50%; color: var(--primary-red); content: counter(item) ""; counter-increment: item; display: inline-block; font-size: 19px; font-weight: bold; height: 35px; line-height: 35px; margin-left: -2em; text-align: center; vertical-align: middle; width: 35px; }
.land-main #content .block3 ol li > div { display: inline-block; padding-left: 5px; vertical-align: middle; width: calc(100% - 40px); }
.land-main #content .block3 .boxes { text-align: center; }
.land-main #content .block3 .box { display: inline-block; margin: 0 15px; max-width: 543px; vertical-align: top; width: 100%; }
.land-main #content .block3 .block0 > div + p a { background: white; border: 2px solid var(--primary-red); color: var(--primary-red); display: block; font-size: 16px; margin: 0 auto; max-width: 50%; padding: 10px; text-align: center; text-decoration: none; width: 100%; transition: background-color 0.3s, color 0.3s; }
.land-main #content .block3 .block0 > div + p a:hover { background: var(--primary-red); color: white; }

.land-main #content .block4 { margin: 0 auto; max-width: 1200px; padding: 75px 0 0 0; }
.land-main #content .block4 .top { overflow: hidden; }
.land-main #content .block4 .top h2 { float: left; font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 64px; font-weight: bold; margin: 0 0 50px 0; }
.land-main #content .block4 .top h2 strong { color: var(--primary-red); display: block; margin: 0 0 0 230px; }
.land-main #content .block4 .top ul { float: right; }
.land-main #content .block4 .top li { float: left; list-style: none; }
.land-main #content .block4 .top li a { background: #E2E4E4; color: #4A4E52; display: inline-block; font-size: 16px; padding: 16px 24px; text-decoration: none; text-transform: uppercase; transition: background-color 0.3s; }
.land-main #content .block4 .top li a.active { background: var(--primary-red); color: white; }
.land-main #content .block4 .top li a:hover { background: #ccc; }
.land-main #content .block4 h3 { font-size: 32px; font-weight: bold; margin: 0 0 15px 0; }
.land-main #content .block4 .boxes { padding: 75px 0 0 0 ; }
.land-main #content .block4 .boxes:after { clear: both; content: ''; display: block; height: 1px; width: 1px; }
.land-main #content .block4 .box { float: left; margin: 0 0 100px 0; width: 30%; position: relative; }
.land-main #content .block4 .box:nth-child(3n + 2) { margin: 0 2.5%; }
.land-main #content .block4 .box .product { background: #e9e9e9; display: flex; align-items: center; height: 208px; margin: 0 0 15px 0; padding: 0 0 0 30px; position: relative; }
.land-main #content .block4 .box .product img:first-child { max-width: 45%; position: absolute; bottom: 40px; left: 30px; transition: transform 0.3s; z-index: 2; }
.land-main #content .block4 .lenses .box .product img:first-child { max-width: 20%; position: absolute; bottom: 20px; left: 40px; transition: transform 0.3s; z-index: 2; }
.land-main #content .block4 .box .product img:nth-child(2) { max-width: 45%; position: absolute; bottom: 50px; left: 40px; }
.land-main #content .block4 .lenses .box .product img:nth-child(2) { max-width: 20%; position: absolute; bottom: 30px; left: 50px; }
.land-main #content .block4 .box .cashback { background: white; border: 2px solid var(--primary-red); border-radius: 50%; color: var(--primary-red); display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100px; font-size: 11px; padding: 0; text-align: center; text-transform: uppercase; width: 100px; position: absolute; top: 40px; right: 15px; backdrop-filter: blur(8px); transition: background-color 0.3s, color 0.3s, height 0.3s, padding 0.3s, width 0.3s, top 0.3s, right 0.3s; }
.land-main #content .block4 .box .cashback strong { display: block; font-size: 20px; }
[lang="de-CH"] .land-main #content .block4 .box .cashback strong,
[lang="fr-CH"] .land-main #content .block4 .box .cashback strong { font-size: 18px; }
.land-main #content .block4 .box:hover .cashback { background: var(--primary-red); color: white; }
.land-main #content .block4 .box .cashback + p { font-size: 18px; font-weight: bold; margin: 0 0 20px 0; }
.land-main #content .block4 .box p { line-height: 1.1; }
.land-main #content .block4 .box p a { text-decoration: none; }
.land-main #content .block4 .box p a strong { display: inline-block; margin-left: 13px; }
/* .land-main #content .block4 .box p:nth-last-child(2) a { background: white; border: 1px solid var(--primary-red); color: var(--primary-red); display: block; font-size: 16px; font-weight: bold; padding: 10px; text-align: center; transition: background-color 0.3s, color 0.3s; } */
/* .land-main #content .block4 .box:hover p:nth-last-child(2) a { background: var(--primary-red); color: white; } */
.land-main #content .block4 .box .cashback + p + p a:after { background: url(../images/berater.png) center center no-repeat; content: ''; display: inline-block; height: 25px; margin-left: 5px; vertical-align: middle; width: 25px; }

.land-main #content .block5 { background: #f5f6f6; }
.land-main #content .block5 h2 { color: var(--primary-red); font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 64px; font-weight: bold; margin: 0 0 50px 0; }
.land-main #content .block5 h2 strong { color: black; display: block; margin: 0 0 0 230px; }
.land-main #content .block5 .videos { display: flex; flex-wrap: wrap; justify-content: space-between; }
.land-main #content .block5 .videos .video { margin: 15px 0; width: 45%; }
.land-main #content .block5 .videos .video .thumb { background: #bfbfbf; min-height: 282px; position: relative; }
.land-main #content .block5 .videos .video .thumb img:first-child { display: block; width: 100%; }
/* .land-main #content .block5 .videos .video .thumb img:last-child { max-width: 15%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } */
/* .land-main #content .block5 .videos .video .player { } */
.land-main #content .block5 .videos .video .player video { width: 100%; }
.land-main #content .block5 .videos h4 { font-size: 20px; margin: 15px 0 10px 0; }
.land-main #content .block5 .videos h5 { background: url(../images/ig.png) center left no-repeat; font-size: 18px; margin: 0 0 10px 0; padding: 6px 0 6px 40px; }

.land-main #content .block6 { text-align: center; }
.land-main #content .block6 .photo { margin: 0 0 50px 0; position: relative; }
.land-main #content .block6 .photo img:first-child { width: 100%; }
.land-main #content .block6 .photo img:last-child { max-width: 400px; position: absolute; top: 30px; right: 30px; }
.land-main #content .block6 h3 { font-size: 30px; font-weight: bold; margin: 0 0 15px 0; }
.land-main #content .block6 p { margin: 0 auto 30px auto; max-width: 800px; }
.land-main #content .block6 a { border: 1px solid var(--primary-red); color: var(--primary-red); display: inline-block; font-size: 18px; font-weight: bold; max-width: 600px; padding: 15px; text-decoration: none; width: 100%; transition: background-color 0.3s, color 0.3s; }
.land-main #content .block6 a:hover { background: var(--primary-red); color: white; }

.land-main #footer { max-width: 100%; padding: 0; }
.land-main #footer p { float: none; }
.land-main #footer .block1 p { float: left; }

.land-main #content .block8 { margin: 0 auto 150px auto; max-width: 1200px; padding: 75px 0 0 0; text-align: center; }
.land-main #content .block8 > div { display: inline-block; margin: 30px; max-width: 200px; vertical-align: middle; }
.land-main #content .block8 a { display: inline-block; }

.land-main #footer .section.comp { background: url(../images/comp.jpg) right center no-repeat; color: white; height: 498px; margin: 0 auto 100px auto; max-width: 1510px; position: relative; }
[lang="fr-CH"] .land-main #footer .section.comp { display: none; }
.land-main #footer .section.comp .roundel { background: var(--primary-red); border-radius: 50%; display: block; font-size: 26px; height: 244px; line-height: 1; padding-top: 80px; text-align: center; text-transform: uppercase; width: 244px; position: absolute; top: -60px; right: 550px; }
[lang="de"] .land-main #footer .section.comp .roundel,
[lang="de-AT"] .land-main #footer .section.comp .roundel { padding-top: 70px; }
[lang="de-CH"] .land-main #footer .section.comp .roundel { line-height: 1.3; }
.land-main #footer .section.comp .roundel strong { font-size: 65px; font-weight: normal; }
[lang="de-CH"] .land-main #footer .section.comp .roundel strong,
[lang="fr-CH"] .land-main #footer .section.comp .roundel strong { font-size: 44px; }
.land-main #footer .section.comp .box { background: black; margin: 0 0 0 185px; max-width: 515px; padding: 50px; width: 100%; position: absolute; top: 4px; right: 852px; }
.land-main #footer .section.comp h3 { font-family: "Tungsten A", "Tungsten B", Arial, sans-serif; font-size: 70px; font-weight: bold; margin: 0 0 15px 0; text-align: right; text-transform: uppercase; }
[lang="fr-CH"] .land-main #footer .section.comp h3 { font-size: 44px; }
.land-main #footer .section.comp h3 strong { color: var(--primary-red); display: inline-block; margin-left: 45px; }
.land-main #footer .section.comp p { float: right; line-height: 1.5; margin: 0 0 30px 0; max-width: 350px; width: 100%; }
.land-main #footer .section.comp p:last-child { clear: both; float: none; margin: 0 0 30px 0; max-width: 100%; }
.land-main #footer .section.comp a.button1 { border: 1px solid var(--primary-red); color: white; display: block; padding: 15px; text-align: center; text-decoration: none; transition: background-color 0.3s; }
.land-main #footer .section.comp a.button1:hover { background: var(--primary-red); }

.land-main #footer .block1 { background: #4A4E52; color: white; overflow: hidden; padding: 30px 0; }
.land-main #footer .block0 { margin: 0 auto; max-width: 1200px; }
.land-main #footer a { color: white; }

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper { float: none!important; }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection { background: transparent!important; border: 0!important; color: #2875bf!important; text-decoration: underline; float: left; }
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll { background: var(--primary-red)!important; border-color: var(--primary-red)!important; }

@media (max-width: 1510px) {
    #header_text, .land-main #content .block1, .land-main #content .block3 { padding-left: 15px; padding-right: 15px; }
}
@media (max-width: 1300px) {
    .land-main #footer .section.comp { background: url(../images/compmob.jpg) top center no-repeat; height: auto; padding-top: 500px; }
    .land-main #footer .section.comp .roundel { right: 50%; transform: translateX(300px); }
    .land-main #footer .section.comp .box { margin: 20px auto 0 auto; position: static; }
}
@media (min-width: 1201px) {
    .land-main #content .block1 .nav ul { display: block!important; }
}
@media (max-width: 1200px) {
    #promo_content.info_text_left #info_text_holder,
    #promo_content.info_text_left #form_holder,
    #content { float: none; margin: 15px 0; padding: 0 15px; width: 100%; }
    #content h1 { font-size: 24px; }
    #footer, .land-main #footer .block0 { padding-left: 15px; padding-right: 15px; text-align: center; }
    #footer .block0 p,
    #footer .block0 ul,
    .land-main #footer .block1 p { float: none; text-align: center; }
    #footer .block0 p { margin: 0 0 15px 0; }
    #footer .block0 li { margin: 0 10px; }
    #r_subscribe+div li { width: 50%; min-height: 12rem; }
    #r_subscribe+div a { left: 0; bottom: 425px; }
    .p348 form { padding-left: 15px; padding-right: 15px; }
    .land-main #content { padding-top: 150px; }
    .land-main #content .block1 .nav { padding: 0; }
    .land-main #content .block1 .nav a.toggle { display: inline-block; }
    .land-main #content .block1 .nav ul { background: white; box-shadow: 0 0 15px rgba(0, 0, 0, 0.25); display: none; width: 200px; position: absolute; top: 50px; right: 0; z-index: 99; }
    .land-main #content .block1 .nav li { display: block; margin: 0; text-align: center; }
    .land-main #content .block1 .nav a { display: block; padding: 10px; }
    .land-main #content .block1 .nav li:last-child a { border: 0; }
    .land-main #content .block1 .nav li.country { padding-top: 10px; }
    .land-main #content .block2 { display: flex; flex-direction: column; }
    .land-main #content .block2 .block21,
    .land-main #content .block2 .block22 { float: none; width: 100%; }
    .land-main #content .block2 .block21 { order: 2; }
    .land-main #content .block2 .block22 { order: 1; text-align: left; }
    .land-main #content .block2 .block22 img { width: 100%; }
    .land-main #content .block22 .roundel { font-size: 16px; height: 156px; padding-top: 55px; text-align: center!important; width: 156px; top: auto; left: auto; bottom: -78px; right: 10px; }
    [lang="de"] .land-main #content .block22 .roundel,
    [lang="de-AT"] .land-main #content .block22 .roundel { padding-top: 45px; }
    .land-main #content .block22 .roundel strong { font-size: 42px; }
    [lang="de-CH"] .land-main #content .block22 .roundel strong,
    [lang="fr-CH"] .land-main #content .block22 .roundel strong { font-size: 28px; }
    .land-main #content .block21 h1 { font-size: 100px; line-height: 1; }
    .land-main #content .block21 h4,
    .land-main #content .block21 p { margin-left: 0; }
    .land-main #content .block3 .box { margin: 15px 0; min-height: 0; max-width: 100%; padding: 15px; }
    .land-main #content .block3 .box p:last-child a { width: 100%; position: static; }
    .land-main #content .block3 h3,
    .land-main #content .block3 ol,
    .land-main #content .block3 p { margin: 0 0 15px 0; }
    .land-main #content .block4 .boxes { padding-top: 30px; }
    .land-main #content .block4 .box { border-bottom: 0; height: auto; margin: 0 0 50px 0; padding: 50px 0 0 0; }
    .land-main #content .block4 .box:nth-child(3n + 2) { margin: auto; }
    .land-main #content .block4 .box .product img { display: inline; }
    .land-main #content .block4 .box .cashback { top: 7px; right: 7px; }
    .land-main #content .block4 .box:hover .cashback { top: 0; right: 0; }
    .land-main #content .block4 .top { margin: 0 0 30px 0; }
    .land-main #content .block4 .top h2,
    .land-main #content .block4 .top ul { float: none; }
    .land-main #content .block4 .top h2 { margin: 0 0 15px 0; }
    .land-main #content .block5 { padding-left: 15px; padding-right: 15px; }
    .land-main #content .block5 h2,
    .land-main #content .block4 .top h2,
    .land-main #content .block3 h2 { font-size: 44px; }
    .land-main #content .block5 h2 strong,
    .land-main #content .block3 h2 strong,
    .land-main #content .block4 .top h2 strong { margin-left: 0; }
    .land-main #footer .section.logos > div { display: block; margin: 0; }
    .land-main #footer .section.logos .slick-slide { padding-bottom: 30px; text-align: center; }
    .land-main #footer .section.logos .slick-slide img { display: inline-block; }
    .land-main #footer .section.logos ul { text-align: center; }
    .land-main #footer .section.logos li { display: inline-block; margin: 0 5px; }
}
@media (max-width: 800px) {
    #progress_detailed > div,
    #progress_detailed > div:nth-child(2) { float: none; margin: 15px 0; width: 100%; }
    .field-row .table-cell.coll1,
    .field-row .table-cell { float: none; width: 100%; }
    #submit-div, #r_button_subscribe { float: none; }
    .prev_step, .next_step, .SubmitButt { float: none; margin: 10px 0; width: 100%; }
    #r_subscribe+div li { width: 100%; }
    #r_subscribe+div a { bottom: 800px; }
    .land-main #content .block21 h1 strong,
    .land-main #content .block3 h2 strong { margin-left: 50px; }
    .land-main #content .block4 .top li { float: none; }
    .land-main #content .block4 .top li a { display: block; }
    .land-main #content .block5 .videos .video { width: 100%; }
    .land-main #content .block5 .videos .video .thumb { min-height: 50px; }
    .land-main #content .block6 .photo img:last-child { max-width: 40%; }
}
@media (max-width: 600px) {
    .land-main #content .block0 { padding: 30px 0; }
    .land-main #content .block3 h2 { margin: 0 0 30px 0; }
    .land-main #footer .section.comp .roundel { font-size: 20px; height: 170px; padding-top: 55px; width: 170px; top: 0; right: 5px; transform: translateX(0); }
    .land-main #footer .section.comp .roundel strong { font-size: 44px; }
    [lang^="de"] .land-main #footer .section.comp .roundel,
    [lang="fr-CH"] .land-main #footer .section.comp .roundel { font-size: 13px; padding-top: 35px; }
    [lang="de-CH"] .land-main #footer .section.comp .roundel strong,
    [lang="fr-CH"] .land-main #footer .section.comp .roundel strong { font-size: 20px; }
}
@media (max-width: 480px) {
    .land-main #content { padding-top: 150px; }
    .land-main #content .block21 h1 { font-size: 80px; }
    .land-main #content .block3 h2,
    .land-main #content .block4 .top h2 { font-size: 50px; }
    .land-main #footer .section.comp { background: url(../images/compmob2.jpg) top center no-repeat; margin: 0 0 15px 0; padding-top: 380px; }
    .land-main #footer .section.comp .roundel { font-size: 16px; height: 120px; padding-top: 45px; width: 120px; }
    .land-main #footer .section.comp .roundel strong { font-size: 30px; }
    .land-main #footer .section.comp h3 { font-size: 44px; }
    .land-main #content .block22 .roundel { width: 125px; right: 0; }
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}
.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-prev {
    left: 0;
}
[dir='rtl'] .slick-prev {
    right: 0;
    left: auto;
}
.slick-prev:before {
    content: '←';
}
[dir='rtl'] .slick-prev:before {
    content: '→';
}
.slick-next {
    right: 0;
}
[dir='rtl'] .slick-next {
    right: auto;
    left: 0;
}
.slick-next:before {
    content: '→';
}
[dir='rtl'] .slick-next:before {
    content: '←';
}
/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}
.slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    font-size: 36px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: var(--primary-red);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: var(--primary-red);
}