html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #008BCC;
}

html {
  position: relative;
  min-height: 100%;
}

body {
    margin-bottom: 60px;
    background: #e4e0e0;
    /*xxfont-family: "Noto Sans", sans-serif;
    xxfont-family: "Roboto", sans-serif;*/
    font-family: "Funnel Sans", sans-serif;
    /*xxfont-family: "Nunito Sans", sans-serif;*/
    font-optical-sizing: auto;
    font-style: normal;
}

a.navbar-brand:focus {
    border: none;
    box-shadow: none !important;
}

.hide {
    display: none;
}

@media (width > 1650px) {
    .container {
        margin-left: 280px;
    }
}

@media (width < 1650px) {
    .menuleft {
        display: none;
    }
}

.menuleft {
    position: fixed;
    left: 0;
    width: 240px;
}

.menuleft .menuitem {
    border: solid 1px #c8c8c8;
    background-color: #f8f8f8;
    padding: 8px 24px 8px 16px;
}

.menuleft .menuitem:hover {
    background-color: #b0e0ff;
    cursor: pointer;
}

.menuleft .menuitem i {
    margin-right: 12px
}

.ta-r {
    text-align: right;
}

.btn {
    border: 0;
    border-radius: 26px;
    background: #008BCC;
    color: white;
    padding: 8px 16px;
    margin: 8px 0;
}

.btn i {
    margin-right: 12px;
}

.btn:hover {
    background-color: #FB6B1F;
    color: white;
}

.cookie-deny {
    background: #e4e4e4;
    color: black;
}