/* this CSS file is created by automation - changing anything here won't last. Changes need to be done on the original Server (currently https://cookies.echonet.biz) */

/* normalize some css properties in order to achieve a consistant look even with different CSS rules around it from the website */
.ec_container, .ec_container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-weight: normal; letter-spacing: normal; line-height: normal; text-align: left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; margin: 0; padding: 0; text-transform: none; text-decoration: none; float: none; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none;transform: none; }

.ec_container h1 { font-size: 22px; margin-bottom: 18px; font-weight: bold; }
.ec_container h2 { font-size: 20px; margin-bottom: 14px; font-weight: bold; }
.ec_container h3 { font-size: 18px; margin-bottom: 12px; font-weight: bold; }
.ec_container h4 { font-size: 16px; margin-bottom: 10px; font-weight: bold; }
.ec_container h5 { font-size: 16px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; }
.ec_container h6 { font-size: 12px; margin-bottom: 10px; text-transform: uppercase; }
.ec_container strong { font-weight: bold; }
.ec_container blockquote { padding-left: 20px; font-style: italic; }
.ec_container p { margin-bottom: 10px; }
.ec_container ol, .ec_container ul { margin: 0 0 10px 25px; }
.ec_container hr { border-top: 1px solid #000000; background-color: #333333; margin-bottom: 10px; }
.ec_container table { border-collapse: collapse; border-spacing: 0; font-size: inherit; font: 100%; empty-cells: show; width: 100%; }
.ec_container ::selection { color: #ffffff; background: #000000; text-shadow: none; }
.ec_container a:link, .ec_container a:visited, .ec_container a:hover, .ec_container a:focus, .ec_container a:active { color: #009DE0; text-decoration: underline; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.ec_container button, .ec_container a.button:link, .ec_container a.button:visited, .ec_container a.button:hover, .ec_container a.button:focus, .ec_container a.button:active { background: #333333 !important; color: #ffffff !important; border: 0 none; cursor: pointer; display: inline-block; vertical-align: top;  padding: 10px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-transition: background-color 0.4s ease-in-out; -o-transition: background-color 0.4s ease-in-out; -webkit-transition: background-color 0.4s ease-in-out; -ms-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; width: auto; text-decoration: none; }
.ec_container *:before, .ec_container *:after { display: none; }


html.ec_active, html.ec_active body { margin: 0; height: 100%; overflow: hidden}
.ec_container { display: none; z-index: 100000; }
.ec_container.ec_active { display: block; position: fixed; top: 0; left: 0; bottom: 0; right: 0; }
.ec_background { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.8); }
.ec_popup { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #ffffff; padding: 20px; max-height: 100%; max-height: calc(100% - 40px); overflow: auto; width: 700px; max-width: calc(100% - 40px); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }.ec_logo { margin: 0 0 20px 20px; float: right; display: block; width: 100%; max-width: 150px; height: auto; }
.ec_container .ec_categories,  .ec_container .ec_services { margin: 0; list-style: none; }
.ec_container .ec_services { padding-left: 20px; display: none; margin-top: 10px; }
.ec_container .ec_services.ec_open { display: block; }
.ec_category { margin-bottom: 10px; }
.ec_service { margin-bottom: 10px; }
.ec_container input+.ec_stylelabel { display: inline-block; vertical-align: top; position: relative; width: 20px; height: 20px; border: 2px solid #009DE0; background-color: transparent; border-radius: 4px; }
.ec_container input:checked+.ec_stylelabel { background-color: #009DE0; }
.ec_container input[disabled]+.ec_stylelabel { background-color: #333333 !important; border-color: #333333 !important; cursor: not-allowed; }
.ec_container input:checked+.ec_stylelabel:before, .ec_container input:checked+.ec_stylelabel:after { content: ''; display: block; width: 2px; height: 6px; background-color: #ffffff; position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -4px; -webkit-transform: rotate(-50deg); -ms-transform: rotate(-50deg);  transform: rotate(-50deg); }
.ec_container input:checked+.ec_stylelabel:after { height: 12px; margin: -6px 0 0 1px; -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); }
.ec_container input[disabled]:checked+.ec_stylelabel:before, .ec_container input[disabled]:checked+.ec_stylelabel:after { background-color: #ffffff; }
.ec_categorycheckbox, .ec_servicecheckbox { display: none; }
.ec_categorylabel, .ec_servicelabel { display: inline-block; vertical-align: top; width: auto; padding: 1px 10px 5px 10px; margin: 0; min-width: 100px; }
.ec_servicedescription { padding-left: 30px; font-style: italic; font-size: 10px; } 
.ec_servicesToggler { width: 22px; height: 22px; position: relative; display: inline-block; vertical-align: top; }
.ec_container .ec_servicesToggler:before { content:''; display: block; width: 8px; height: 8px; position: absolute; top: 50%; left: 50%;  margin: -8px 0 0 -5px; border: 1px solid #000000; border-top-color: transparent; border-left-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);  transform: rotate(45deg); }
.ec_container .ec_servicesToggler.ec_open:before { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);     margin: -4px 0 0 -5px; }
.ec_buttons { text-align: right; margin-top: 10px; margin-bottom: -10px; }
.ec_button { margin-left: 10px; margin-bottom: 10px; }
.ec_container button.ec_button_all, .ec_container a.button.ec_button_all:link, .ec_container a.button.ec_button_all:visited, .ec_container a.button.ec_button_all:hover, .ec_container a.button.ec_button_all:focus, .ec_container a.button.ec_button_all:active { background: #009DE0 !important; color: #ffffff !important; }

.ec_container button.ec_button_primarycolor_1, .ec_container a.button.ec_button_primarycolor_1:link, .ec_container a.button.ec_button_primarycolor_1:visited, .ec_container a.button.ec_button_primarycolor_1:hover, .ec_container a.button.ec_button_primarycolor_1:focus, .ec_container a.button.ec_button_primarycolor_1:active { background: #009DE0 !important; color: #ffffff !important; }

.ec_hide { display: none !important; }/* iframeplaceholder */
.ec_container.cookiebanneriframeplaceholder { display:block; }
.ec_container.cookiebanneriframeplaceholder body { border: 2px solid #009DE0; padding: 20px; text-align: center; background-color: #ffffff; }
.ec_container.cookiebanneriframeplaceholder body * { text-align: center; }

.ec_container .cookiebanneriframeplaceholderCenter { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }