。}*/ text-align：中心;宽度：自动；边界：无；边界拉迪乌斯：5px;} @media（max-width：980px）{.cookie_consent_container .cookie_button {float：left;}} @media（min-width：980px）{.cookie_consent_container .accept_button {float：right;}} .cookie_consent_container .accept_button，.cookie_consent_container .accept_button_dark，.cookie_consent_contener_container .edit_button {color {color {color：white; white;左衬里：20px;垫右：20px; } .cookie_consent_container .accept_button, .cookie_consent_container .edit_button { background-color: #9ec73d; box-shadow: 0px 1px 6px #15202a; } .cookie_consent_container .accept_button_dark { background-color: #6cc04a; } .cookie_consent_container .edit_button { padding: 20px 40px 20px 40px; } .cookie_consent_container .cookiebox_wrapper, .cookie_consent_container .cookiebox_wrapper_dark { bottom: 0px; overflow: visible; position: fixed; width: 100%; display: none; z-index: 1000; } .cookie_consent_container .cookiebox_wrapper_dark { color: white; } .cookie_consent_container .cookiebox_wrapper_dark a { color: #6cc04a; } .cookie_consent_container .cookiebox_wrapper_embedded { z-index: 100; width: 100%; border-bottom: 5px solid #9ec73d; display: none; } .cookie_consent_container .sticky { position: fixed; top: 0; } .cookie_consent_container .cookiebox_wrapper .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_dark .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_embedded .cookiebox_wrapper_big { background-color: white; margin: 0 50px; border-width: 2px; border-style: solid solid none solid; border-color: #9ec73d; box-shadow: 0px 0px 11px 4px rgba(0, 0, 0, 0.3); } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_dark .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_embedded .cookiebox_wrapper_big { min-height: 150px; } } @media (max-width: 580px) { .cookie_consent_container .cookiebox_wrapper .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_dark .cookiebox_wrapper_big, .cookie_consent_container .cookiebox_wrapper_embedded .cookiebox_wrapper_big { border-style: solid none none none; box-shadow: none; position: fixed; left: 0; bottom: 0; margin: 0; width: 100%; } } .cookie_consent_container .cookiebox_wrapper .cookiebox_wrapper_big_dark, .cookie_consent_container .cookiebox_wrapper_dark .cookiebox_wrapper_big_dark, .cookie_consent_container .cookiebox_wrapper_embedded .cookiebox_wrapper_big_dark { background-color: #414042; } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookiebox_wrapper_big_dark, .cookie_consent_container .cookiebox_wrapper_dark .cookiebox_wrapper_big_dark, .cookie_consent_container .cookiebox_wrapper_embedded .cookiebox_wrapper_big_dark { min-height: 150px; } } .cookie_consent_container .cookiebox_wrapper .cookie_solution, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution { padding-bottom: 5px; } @media (min-width: 767px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .container-left, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .container-left, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .container-left { width: 70%; } } .cookie_consent_container .cookiebox_wrapper .cookie_solution .container-left .row, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .container-left .row, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .container-left .row { margin-left: 20px; } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .container-right, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .container-right, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .container-right { width: 30%; } } @media (max-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .container-right, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .container-right, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .container-right { width: 90%; margin: auto; text-align: center; } } .cookie_consent_container .cookiebox_wrapper .cookie_solution .cookie_button, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .cookie_button, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .cookie_button { font-size: 16px; font-weight: 400; padding-top: 5px; padding-bottom: 5px; } .cookie_consent_container .cookiebox_wrapper .cookie_solution .option_button, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .option_button, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .option_button { background-color: white; color: lightgrey; } .cookie_consent_container .cookiebox_wrapper .cookie_solution .option_button_dark, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .option_button_dark, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .option_button_dark { background-color: #414042; color: lightgrey; } @media (max-width: 551px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .option_button_wrapper, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .option_button_wrapper, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .option_button_wrapper { float: none; } } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .accept_button_wrapper, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .accept_button_wrapper, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .accept_button_wrapper { float: left; } } .cookie_consent_container .cookiebox_wrapper .cookie_solution .button_wrapper img, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .button_wrapper img, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .button_wrapper img { border-radius: 50%; border: 1px solid white; display: inline; margin-left: 10px; padding: 2px; width: 20px; } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .padding-left, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .padding-left, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .padding-left { padding-left: 80px; } } @media (max-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .padding-left, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .padding-left, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .padding-left { padding-left: 20px; } } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .cookie_solution .padding-right, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .padding-right, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .padding-right { padding-right: 80px; } } @media (max-width: 980px) { } .cookie_consent_container .cookiebox_wrapper .cookie_solution .cookie_text, .cookie_consent_container .cookiebox_wrapper_dark .cookie_solution .cookie_text, .cookie_consent_container .cookiebox_wrapper_embedded .cookie_solution .cookie_text { font-size: 12px; } .cookie_consent_container .cookiebox_wrapper .solution_small .cookie_title, .cookie_consent_container .cookiebox_wrapper_dark .solution_small .cookie_title, .cookie_consent_container .cookiebox_wrapper_embedded .solution_small .cookie_title { color: #9ec73d; font-size: 20px; } .cookie_consent_container .cookiebox_wrapper .solution_small .option_button, .cookie_consent_container .cookiebox_wrapper_dark .solution_small .option_button, .cookie_consent_container .cookiebox_wrapper_embedded .solution_small .option_button { margin-left: 20px; } @media (min-width: 980px) { .cookie_consent_container .cookiebox_wrapper .solution_small .container-right, .cookie_consent_container .cookiebox_wrapper_dark .solution_small .container-right, .cookie_consent_container .cookiebox_wrapper_embedded .solution_small .container-right { padding-top: 10px; } } .cookie_consent_container .cookiebox_wrapper .solution_big, .cookie_consent_container .cookiebox_wrapper_dark .solution_big, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big { padding-top: 20px; display: flex; flex-direction: row; justify-content: center; } @media (max-width: 767px) { .cookie_consent_container .cookiebox_wrapper .solution_big, .cookie_consent_container .cookiebox_wrapper_dark .solution_big, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big { flex-direction: column; } } .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_title, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_title, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_title { color: #9ec73d; font-size: 30px; font-weight: 400; padding-bottom: 20px; } .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_header, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_header, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_header { font-weight: 600; font-size: 16px; } @media (max-width: 767px) { .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_header, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_header, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_header { font-size: 12px; padding: 0 20px; margin-bottom: 0; } } .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_text, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_text, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_text { font-size: 13px; font-weight: 300; line-height: 15px; } @media (max-width: 767px) { .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_text, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_text, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_text { font-size: 12px; padding: 0 20px; } } .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_text a, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_text a, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_text a { text-decoration: underline; } .cookie_consent_container .cookiebox_wrapper .solution_big .container-right, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .container-right, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .container-right { display: flex; justify-content: center; margin-top: auto; margin-bottom: auto; } @media (max-width: 980px) { .cookie_consent_container .cookiebox_wrapper .solution_big .container-right, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .container-right, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .container-right { padding-bottom: 30px; width: auto; } } @media (min-width: 767px) { .cookie_consent_container .cookiebox_wrapper .solution_big .cookie_button, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .cookie_button, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .cookie_button { font-size: 18px; font-weight: 400; padding: 10px 20px; } } .cookie_consent_container .cookiebox_wrapper .solution_big .option_button, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .option_button, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .option_button { margin-left: 0px; padding-left: 45px; /*@media(min-width: 1800px) { margin-left: 20px; }*/ } @media (min-width: 769px) and (max-width: 911px) { .cookie_consent_container .cookiebox_wrapper .solution_big .option_button_wrapper, .cookie_consent_container .cookiebox_wrapper_dark .solution_big .option_button_wrapper, .cookie_consent_container .cookiebox_wrapper_embedded .solution_big .option_button_wrapper { width: 90%; } } .cookie_consent_container .cookie-toggle-button .switch { position: relative; display: inline-block; height: 34px; padding: 0; } .cookie_consent_container .cookie-toggle-button .switch-togglable { width: 60px; } .cookie_consent_container .cookie-toggle-button .switch-on { width: 34px; margin-left: 13px; padding: 0; } .cookie_consent_container .cookie-toggle-button .switch input { display: none; } .cookie_consent_container .cookie-toggle-button .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #cccccc; -webkit-transition: .4s; transition: .4s; } .cookie_consent_container .cookie-toggle-button .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; -webkit-transition: .4s; transition: .4s; } .cookie_consent_container .cookie-toggle-button input:checked + .slider-togglable { background-color: #9ec73d; } .cookie_consent_container .cookie-toggle-button input:focus + .slider-togglable { box-shadow: 0 0 1px #9ec73d; } .cookie_consent_container .cookie-toggle-button .slider-togglable:before { background-color: white; } .cookie_consent_container .cookie-toggle-button .slider-on { background-color: #9ec73d; } .cookie_consent_container .cookie-toggle-button .slider-on:before { background-color: white; } .cookie_consent_container .cookie-toggle-button input:checked + .slider-togglable:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .cookie_consent_container .cookie-toggle-button .slider.round { border-radius: 34px; } .cookie_consent_container .cookie-toggle-button .slider.round:before { border-radius: 50%; } /* The Modal (background) */ .modal-box .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1001; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ max-height: 100%; overflow-y: auto; background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ padding-left: 0px; margin: 0px; overflow-x: hidden; } .modal-box .modal-embedded { width: 100%; /* Full width */ background-color: black; /* Fallback color */ background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */ padding-left: 0px; margin: 0px; } .modal-box .modal-content-wrapper { background-color: #fefefe; border-color: #9ec73d; border-width: 3px; border-style: solid; } @media (min-width: 980px) { .modal-box .modal-content-wrapper { margin-left: auto; margin-right: auto; margin-top: 5%; width: 50%; padding: 20px; } } @media (max-width: 980px) { .modal-box .modal-content-wrapper { margin-top: 5%; padding: 5px; } } .modal-box .modal-content-wrapper-full-width { background-color: #fefefe; border-color: #9ec73d; border-width: 3px; border-style: solid; width: 100%; padding: 20px; } .modal-box .modal-content { margin-top: 10px; padding-left: 0px; margin-left: 0px; } .modal-box .modal-content .modal-content-header { padding-bottom: 30px; } .modal-box .modal-content .modal-content-header .modal-content-header-header { text-align: center; font-weight: 600; padding-bottom: 10px; } .modal-box .modal-content .modal-content-row { width: 100%; margin-bottom: 20px; } @media (min-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-right { display: table-cell; vertical-align: top; width: 80%; } } @media (max-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-right { width: 100%; } } .modal-box .modal-content .modal-content-row .modal-content-cell-right-elaborate { margin-left: 20%; display: none; } .modal-box .modal-content .modal-content-row .modal-content-cell-left { display: table-cell; } @media (min-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-left { width: 8%; } } @media (max-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-left { width: 75%; } } .modal-box .modal-content .modal-content-row .modal-content-cell-middle { display: table-cell; vertical-align: top; } @media (min-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-middle { width: 12%; } } @media (max-width: 980px) { .modal-box .modal-content .modal-content-row .modal-content-cell-middle { width: 50%; } } .modal-box .modal-content .modal-content-row .modal-read-more { text-decoration: underline; color: #9ec73d; cursor: pointer; } .modal-box .modal-content .modal-content-row a { word-break: break-word; } .modal-box .close { color: darkblue; float: right; font-size: 28px; font-weight: bold; } .modal-box .close:hover, .modal-box .close:focus { color: black; text-decoration: none; cursor: pointer; }