﻿@media only screen and (min-width: 1200px) {
  .cookie-notice-wrapper {
    display: flex;
    justify-content: center;
    padding: 40px 0;
    margin: 10px 0; }
  #cookie-notice .cookie-notification-minimal {
    padding: 15px 0px; } }

#cookie-notice {
  margin-top: 20px; }
  #cookie-notice .cookie-notification-container {
    padding: 24px; }
    #cookie-notice .cookie-notification-container .cookie-notification-title {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 20px; }
    #cookie-notice .cookie-notification-container .cookie-notification-subtitle {
      font-size: 14px;
      line-height: 24px;
      margin-bottom: 5px; }
    #cookie-notice .cookie-notification-container .cookie-notification-description {
      font-size: 12px;
      line-height: 18px; }
    #cookie-notice .cookie-notification-container .cookie-notification-settings {
      margin: 10px 0; }
      #cookie-notice .cookie-notification-container .cookie-notification-settings .cookie-notification-settings-item {
        display: flex;
        margin-bottom: 10px; }
    #cookie-notice .cookie-notification-container .cookie-notification-link {
      display: none; }

.notice-page-title-bar {
  margin-top: 88px;
  height: 88px; }

#notice-page-title {
  margin-bottom: 10px;
  margin-top: 10px;
  color: white !important; }

.row {
  margin-left: -20px;
  margin-right: -20px; }

.cookie-info {
  margin-bottom: 100px; }
  .cookie-info * {
    font-family: 'OpenSans';
    font-size: 14px;
    line-height: 1.4; }
  .cookie-info a {
    font-family: 'OpenSans-Bold'; }
  .cookie-info b {
    font-family: 'OpenSans-Bold',sans-serif;
    font-weight: bold; }
  .cookie-info h1 {
    margin-bottom: 0px;
    font-size: 18px;
    color: #009acf;
    margin-bottom: 10px; }
  .cookie-info h2 {
    font-size: 30px;
    line-height: 40px;
    font-family: 'OpenSans-Light';
    margin: 30px 0 20px 0;
    color: #0097e0; }
  .cookie-info h3 {
    font-size: 25px;
    line-height: 35px;
    font-family: 'OpenSans-Light';
    color: #0097e0; }
  .cookie-info p {
    margin-bottom: 20px; }
  .cookie-info ul {
    padding-left: 20px; }
  .cookie-info table {
    width: 100%; }
    .cookie-info table li {
      position: relative;
      margin: 12px 0;
      list-style: none;
      font-size: 14px;
      line-height: 28px; }
    .cookie-info table li::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 999px;
      background: #54c3f1;
      display: block;
      position: absolute;
      left: -18px;
      top: 11px; }
  .cookie-info .table-grid-container {
    overflow: auto;
    margin-bottom: 20px; }
    .cookie-info .table-grid-container .table-grid {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed; }
      .cookie-info .table-grid-container .table-grid .table__head {
        background-color: #009acf;
        color: #fff; }
        .cookie-info .table-grid-container .table-grid .table__head .table__row {
          border-bottom: 0; }
          .cookie-info .table-grid-container .table-grid .table__head .table__row th {
            padding: 5px; }
      .cookie-info .table-grid-container .table-grid .table__body {
        background-color: #fff; }
        .cookie-info .table-grid-container .table-grid .table__body .table__row {
          border-bottom: solid 1px #eee; }
      .cookie-info .table-grid-container .table-grid .table__header, .cookie-info .table-grid-container .table-grid .table__column {
        height: 34px;
        padding-left: 10px;
        padding-right: 10px;
        overflow: hidden;
        text-overflow: ellipsis; }
  .cookie-info ul, .cookie-info ol {
    margin-top: 0;
    margin-bottom: 9.5px; }

#cookie-notice .cookie-notification-container .cookie-notification-link {
  display: none; }

.cookie-notification-content-header {
  display: none; }

.cookie-notification-wrapper {
  display: flex;
  flex-direction: column; }

.cookie-notification-options-header i {
  display: none; }

@media only screen and (max-width: 768px) {
  .cookie-notification-container .cookie-notification-subtitle {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 16px; }
  .cookie-notification-options-content {
    display: block;
    height: 0px;
    overflow: hidden;
    transition: ease-out all 0.4s; }
  .expanded {
    height: 70px; }
  .cookie-notification-options-header i {
    display: block;
    font-size: x-large;
    float: right;
    margin-top: -3.5px; }
  .cookie-notification-container .cookie-notification-options-header {
    font-size: 15px;
    padding-bottom: 5px;
    cursor: pointer; } }
