html {
box-sizing: border-box;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
body {
margin: 0;
}
@font-face {
font-family: 'Inter';
font-weight: normal;
src: url(//www.haedensa.at/wp-content/themes/haedensa/fonts/Inter-Regular.woff2) format('woff2'),
url(//www.haedensa.at/wp-content/themes/haedensa/fonts/Inter-Regular.woff) format('woff');
font-display: swap;
}
@font-face {
font-family: 'Inter';
font-weight: bold;
src: url(//www.haedensa.at/wp-content/themes/haedensa/fonts/Inter-SemiBold.woff2) format('woff2'),
url(//www.haedensa.at/wp-content/themes/haedensa/fonts/Inter-SemiBold.woff) format('woff');
font-display: swap;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Inter', sans-serif;
font-size: 1.125rem;
color: #5a5a5a;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
}
p,
ul {
line-height: 1.8;
margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
p,
ul {
margin: 0 0 1.8rem 0;
}
}
ul {
padding-left: 1.5rem;
}
a {
color: #5fa299;
}
a:hover {
text-decoration: none;
}
img {
height: auto;
}
:last-child {
margin-bottom: 0;
}
[class^='container'],
[class*=' container'] {
max-width: 42rem;
margin: 0 auto;
padding: 0 1rem;
}
.section {
position: relative;
}
.block {
padding: 3rem 0;
}
.block.light {
background: #dfedeb;
}
.block.dark {
background: #5fa299;
}
.block.gray {
background: #eee;
}
.anchor {
position: absolute;
top: -6.25rem;
}
@media (min-width: 768px) {
[class^='container'],
[class*=' container'] {
padding: 0 2rem;
}
.block {
padding: 6.25rem 0;
}
.block[data-layout='text'] {
padding: 2.5rem 0 6.25rem 0;
}
.container-l {
max-width: 76rem;
}
.container-m {
max-width: 60rem;
}
.container-s {
max-width: 46rem;
}
}
.block[data-layout='intro'] .container-l {
max-width: 46rem;
}
@media (min-width: 1024px) {
.block[data-layout='intro'] .container-l {
max-width: 76rem;
}
} .button {
display: inline-block;
padding: 0.875rem 2.625rem 0.875rem 2.625rem;
text-decoration: none;
text-transform: uppercase;
border: 1px solid;
text-align: center;
line-height: 1.3333;
font-size: 1rem;
}
.hero-link-extern .button {
padding: 0.75rem 0.9375rem 0.6975rem 0.9375rem;
}
.button:hover {
color: #fff;
border-color: #5fa299;
background: #5fa299;
}
.button.inverse {
color: #fff;
border-color: #5fa299;
background: #5fa299;
}
.button.inverse:hover {
color: #5fa299;
border-color: #5fa299;
background: #fff;
} .page-header {
min-height: 6.25rem;
} .burger {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
}
.burger>span {
top: 50%;
}
.burger>span,
.burger>span::before,
.burger>span::after {
width: 100%;
height: 2px;
transition: .2s;
background: #fff;
}
.burger>span::before,
.burger>span::after {
position: absolute;
display: block;
content: '';
}
.burger>span::before {
top: 0;
}
.burger>span::after {
top: 100%;
transform: translateY(-100%);
}
.open .burger>span {
background: transparent;
}
.open .burger>span::before {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.open .burger>span::after {
top: 50%;
transform: translateY(-50%) rotate(-45deg);
} .menu-toggle {
cursor: pointer;
}
.menu {
display: none;
overflow: hidden;
transition: .2s;
}
@media (min-width: 1140px) {
.menu {
overflow: unset !important;
}
}
@media (max-width: 1139px) {
.menu > * {
padding: 10px !important;
}
} .navbar {
font-size: 1.125rem;
font-weight: bold;
position: fixed;
z-index: 100;
top: 0;
width: 100%;
color: #fff;
background: #5fa299;
}
.navbar-brand {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
height: 6.25rem;
}
.navbar-logo {
display: block;
width: 154px;
height: 41px;
color: inherit;
}
.navbar-logo svg {
width: 100%;
height: 100%;
}
.navbar-burger {
width: 1.875rem;
height: 1.75rem;
}
.navbar-menu ul {
margin: 0 0 2rem 0;
padding: 0;
text-align: center;
}
.navbar-menu li {
display: block;
border-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
}
.navbar-menu li+li {
border-top: none;
}
.navbar-menu a {
display: block;
padding: 1.25rem 0;
text-decoration: none;
color: #fff;
}
@media (min-width: 768px) {
.navbar-logo {
width: 220px;
height: 53px;
}
}
.button-menu {
margin: 0 0 0 2rem;
display: none;
}
.button-menu-mobile {
position: absolute;
right: 2.875rem;
}
.button-menu-mobile a span {
display: none;
}
@media (min-width: 28rem) {
.button-menu-mobile a span {
display: inline-block;
}
}
@media (min-width: 768px) {
.button-menu-mobile {
right: 3.875rem;
}
}
@media (min-width: 1140px) {
.navbar-burger {
display: none;
}
.navbar-container {
display: flex;
justify-content: space-between;
}
.navbar-menu {
display: flex !important;
align-items: center;
height: auto !important;
}
.navbar-menu ul {
display: flex;
margin: 0;
}
.navbar-menu li {
margin-left: 1.5rem;
border: none;
}
.button-menu {
display: block;
}
.navbar-menu-container {
justify-content: space-between;
align-items: center;
display: flex;
}
.button-menu-mobile {
display: none;
}
}
.button-menu a,
.button-menu-mobile a {
color: white;
font-weight: normal;
font-size: 1rem;
text-transform: uppercase;
border: 1px solid white;
text-decoration: none;
padding: 0.5rem;
}
.button-menu a:hover,
.button-menu-mobile a:hover {
color: #5fa299;
background: white;
} .hero {
margin-top: 6.25rem;
}
.hero-content {
display: flex;
flex-direction: column-reverse;
padding-top: 3rem;
position: relative;
color: #5A5A5A;
}
.hero h1 {
font-size: 2.375rem;
line-height: 1.2;
color: #5A5A5A;
}
.hero .container-s h1 {
color: #5fa299;
}
.hero-subtitle {
font-size: 1.125rem;
line-height: 1.8;
max-width: 28rem;
}
.hero-subtitle strong {
color: #5fa299;
}
.hero-link {
margin-top: 2.5rem;
}
.hero-link-extern {
margin-top: 1.25rem;
}
@media (min-width: 768px) {
.hero-subtitle {
font-size: 1.375rem;
}
}
.hero-image {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
}
.hero-image img {
width: 100%;
max-width: 32.25rem;
}
.number-one-badge {
position: absolute;
right: 0;
top: 20px;
width: 120px; height: 90px;
background: url(//www.haedensa.at/wp-content/themes/haedensa/img/nummer-one.png) right top no-repeat;
background-size: 100% 100%;
}
.number-one-badge {
animation: numberone 2s;
}
@keyframes numberone {
0% {
transform: scale(0.1);
}
100% {
transform: scale(1);
}
}
@media (min-width: 768px) {
.hero-content {
flex-direction: row;
padding-top: 6.25rem;
}
.hero-content>.col {
flex: 1;
}
.hero h1 {
font-size: 3.625rem;
}
.hero-image {
width: 100%;
margin: 1.5rem 0 0 0;
}
.hero-image img {
width: 20.625rem;
}
.number-one-badge {
width: 140px; height: 106px;
}
}
@media (min-width: 1024px) {
.hero-image img {
width: 32.25rem;
}
.number-one-badge {
width: 160px; height: 117px;
}
} .breadcrumbs {
margin-bottom: 1.875rem;
padding: 0;
list-style: none;
}
.breadcrumbs li {
color: #5fa299;
display: inline;
}
.breadcrumbs li+li::before {
content: '>';
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs a:hover {
text-decoration: underline;
} .block[data-layout='intro'] {
color: #fff;
background: #5fa299;
}
.intro__section h2 {
font-size: 1.5rem;
line-height: 1.4;
max-width: 32rem;
margin-bottom: 1.2rem;
}
.intro__section+.intro__section {
margin-top: 2.5rem;
}
.intro__info {
font-size: 1.5625rem;
font-style: italic;
line-height: 1.5;
max-width: 34rem;
}
.intro__sections+.intro__info {
margin-top: 1.5rem;
}
@media (min-width: 768px) {
.intro__info {
font-size: 1.75rem;
}
.intro__section+.intro__section {
margin-top: 5rem;
}
.intro__sections+.intro__info {
margin-top: 2.5rem;
}
}
@media (min-width: 1024px) {
.intro__container {
display: flex;
align-items: center;
justify-content: space-between;
}
.intro__sections {
display: flex;
align-items: flex-end;
flex: 1;
flex-direction: column;
padding-right: 2rem;
}
.intro__section {
max-width: 40.75rem;
}
.intro__section h2 {
font-size: 1.75rem;
margin-bottom: 1.75rem;
}
.intro__info {
font-size: 1.75rem;
width: 21.5rem;
padding-top: 4rem;
padding-right: 4rem;
}
.intro__sections+.intro__info {
margin: 0;
}
} .block[data-layout='accordion'] h2 {
font-size: 2.375rem;
line-height: 1.2;
max-width: 19rem;
margin-bottom: 1.5rem;
color: #5A5A5A;
}
.accordion__item {
border-width: 2px;
border-color: #b8b8b8;
border-top-style: solid;
border-bottom-style: solid;
}
.accordion__item+.accordion__item {
border-top: none;
}
.accordion__item__header {
position: relative;
display: block;
text-decoration: none;
padding: 1.25rem 0;
color: #5fa299;
}
.accordion__item__header h3 {
font-size: 1.25rem;
line-height: 1.5;
padding-right: 3.5rem;
}
.accordion__item__header-toggle {
position: absolute;
top: 0;
right: 0;
width: 2rem;
height: 2rem;
transform: translateY(1.125rem);
}
.accordion__item__header-toggle svg {
width: 100%;
height: 100%;
transition: .2s;
pointer-events: none;
}
.open .accordion__item__header-toggle svg {
transform: rotate(45deg);
}
.accordion__item__content {
display: none;
}
.accordion__item__content-text {
max-width: 36rem;
padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
.block[data-layout='accordion'] h2 {
font-size: 3.625rem;
max-width: 28rem;
margin-bottom: 3.75rem;
}
} .block[data-layout='tip'] {
background: #eee;
}
.block[data-layout='tip']:nth-child(odd) {
background: #dfedeb;
}
.block[data-layout='tip'] h2 {
font-size: 2.375rem;
line-height: 1.2;
margin-bottom: .75rem;
color: #5fa299;
}
.tip__quote {
font-size: 1.5rem;
font-style: italic;
max-width: 22rem;
color: #5fa299;
}
.tip__sections {
margin-top: 1.25rem;
}
.tip__section+.tip__section {
margin-top: 1.5rem;
}
.tip__section__text h3 {
font-size: 1.125rem;
margin-bottom: .5rem;
}
.tip__section__infobox {
padding: 1.25rem;
font-size: 1rem;
color: #fff;
background: #5fa299;
}
.tip__section__text+.tip__section__infobox {
margin-top: 1.5rem;
}
@media (min-width: 768px) {
.block[data-layout='tip'] h2 {
font-size: 3.625rem;
margin: 0;
}
.block[data-layout='tip'] .has-quote h2 {
max-width: 20rem;
}
.tip__header {
display: flex;
align-items: flex-end;
margin-bottom: 2.5rem;
}
.tip__quote {
font-size: 1.875rem;
max-width: 28rem;
margin-left: 1.25rem;
}
.tip__section {
display: flex;
align-items: flex-start;
}
.tip__section__infobox {
flex: 1 0 auto;
width: 100%;
max-width: 15rem;
}
.tip__section__text {
column-count: 2;
column-gap: 2rem;
}
.has-info .tip__section__text {
column-count: 1;
}
.tip__section__text+.tip__section__infobox {
margin: 0 0 0 2rem;
}
} .block[data-layout='application'] {
color: #fff;
background: #5fa299;
}
.block[data-layout='application'] h2 {
font-size: 2.375rem;
line-height: 1.2;
margin-bottom: 2.75rem;
text-align: center;
}
.application__column {
flex: 1;
max-width: 28rem;
margin: 0 auto;
padding: 1.25rem;
color: #5fa299;
background: #fff;
}
.application__column+.application__column {
margin-top: 2rem;
}
.application__column h3 {
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.application__column p {
margin-bottom: 1rem;
}
.application__column p:last-child {
margin-bottom: 0;
}
.application__column .application__image {
padding: 0 1.5rem 1rem 1.5rem;
}
.application__column .application__image img {
max-width: 100%;
}
@media (min-width: 768px) {
.block[data-layout='application'] h2 {
font-size: 3.625rem;
margin-bottom: 3.5rem;
}
.application__columns {
display: flex;
justify-content: space-around;
}
.application__column {
margin: 0;
padding: 1.5rem 2rem;
}
.application__column+.application__column {
margin: 0 0 0 2rem;
}
} .block[data-layout='ingredients'] {
background: #eee;
}
body.home .block[data-layout='ingredients'] {
background: none;
}
.block[data-layout='ingredients'] h2 {
font-size: 2.375rem;
line-height: 1.2;
margin-bottom: 2rem;
color: var(--primary-color);
}
.ingredients__content .ingredients__text p {
margin: 0 0 1.25rem 0;
}
.ingredients__content .ingredients__text h3 {
color: var(--primary-color);
font-size: 1.25rem;
line-height: 1.5;
margin-bottom: 1rem;
}
.ingredients__content .ingredients__text span.small {
font-size: 1rem;
line-height: 1.5;
display: inline-block;
}
.ingredients__content .ingredients__text p:last-child {
margin-bottom: 0;
}
.ingredients__content {
max-width: 40rem;
}
.ingredients__link {
margin-top: 2.5rem;
}
.ingredients__image {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 2rem;
}
.ingredients__image img {
width: 80%;
max-width: 17rem;
}
@media (min-width: 768px) {
.block[data-layout='ingredients'] h2 {
font-size: 3.625rem; }
.ingredients__container {
display: flex;
align-items: center;
flex-direction: row-reverse;
justify-content: space-between;
}
.ingredients__content {
flex: 3;
}
.ingredients__image {
flex: 2;
min-width: 16rem;
margin-bottom: 0;
margin-left: 2rem;
}
.ingredients__image img {
width: 100%;
max-width: 17rem;
}
.ingredients__link { }
}
@media (min-width: 1024px) {
.ingredients__image img {
max-width: 19rem;
}
}
.ingredients__text span.ingredients {
font-size: 0.875rem;
font-style: italic;
line-height: 1.6;
display: block;
margin-top: 0.25rem;
} .block[data-layout='hint'] {
padding: 3.125rem 0;
background: #dfedeb;
}
.hint__column:first-child {
font-size: 1.25rem;
font-weight: bold;
max-width: 20rem;
color: var(--primary-color);
}
.hint__column:first-child p {
line-height: 1.6;
}
.hint__column+.hint__column {
margin-top: 1rem;
}
.hint__column+.hint__column .hint__text {
font-size: 1rem;
}
@media (min-width: 768px) {
.hint__columns {
display: flex;
justify-content: space-between;
}
.hint__column:first-child {
flex: 1;
}
.hint__column {
flex: 2;
max-width: 38rem;
}
.hint__column+.hint__column {
margin: 0 0 0 3rem;
}
} .block[data-layout='magazine'] h1 {
font-size: 1.5rem;
}
.magazine__content {
display: flex;
flex-direction: column;
gap: 3.8125rem;
}
.magazine__intro {
flex: 1;
color: #5A5A5A;
}
.magazine__intro h2 {
font-size: 2.375rem;
line-height: 1.2;
margin-bottom: 1.5rem;
}
.magazine__text {
font-size: 1.25rem;
line-height: 1.5;
}
.magazine__posts {
display: flex;
align-items: center;
flex: 2;
flex-direction: column;
gap: 1.875rem;
}
.magazine__posts .post-item {
width: 100%;
max-width: 22.125rem;
}
@media (min-width: 600px) {
.magazine__content {
align-items: start;
}
.magazine__posts {
display: grid;
align-items: stretch;
grid-template-columns: 1fr 1fr;
}
}
@media (min-width: 768px) {
.magazine__intro h2 {
font-size: 3.625rem;
}
.magazine__posts {
gap: 3.8125rem;
}
}
@media (min-width: 1024px) {
.magazine__content {
align-items: flex-start;
flex-direction: row;
}
.magazine__posts { }
.magazine__text {
max-width: 20rem;
}
} .block__text h2 {
font-size: 1.5rem;
line-height: 1.4;
margin-bottom: 1.2rem;
color: #5A5A5A ;
}
@media (min-width: 768px) {
.block__text h2 {
font-size: 1.875rem;
}
} .blog__posts {
display: flex;
align-items: center;
flex-direction: column;
gap: 1.875rem;
}
.blog__posts .post-item {
flex: 1;
width: 100%;
max-width: 22.125rem;
}
@media (min-width: 600px) {
.blog__posts {
display: grid;
align-items: stretch;
grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
}
}
@media (min-width: 768px) {
.blog__posts {
gap: 3.8125rem;
}
.blog__posts .post-item {
width: auto;
}
} .block[data-layout='post'] {
padding: 3.125rem 0 4.5rem;
}
.block[data-layout='post'] h1 {
font-size: 2.375rem;
line-height: 1.2;
margin-bottom: 1.5rem;
color: #5fa299;
}
.post__container {
display: flex;
flex-direction: column;
gap: 2rem;
}
.post__source {
line-height: 1.375;
padding: 1rem 1.25rem;
background: #efefef;
}
.post__source p {
line-height: 1.4;
}
.post__back-link {
margin-top: 3rem;
}
@media (min-width: 768px) {
.block[data-layout='post'] h1 {
font-size: 3.625rem;
margin-bottom: 2.5rem;
}
.post__wrapper {
display: flex;
align-items: flex-end;
flex-direction: column;
}
.post__wrapper-inner {
max-width: 65rem;
}
.post__container {
flex-direction: row;
gap: 6.5rem;
}
.post__sidebar {
flex: 1 0 auto;
width: 15rem;
}
} .post-item h2 {
font-size: 1.75rem;
line-height: 1.3;
margin-bottom: 1.25rem;
}
.post-item a {
text-decoration: none;
}
.post-item a:hover {
text-decoration: underline;
}
.post-item p {
margin-bottom: 1.5rem;
} .post__content p.lead {
font-size: 1.125rem;
line-height: 1.7;
}
.post__content ul,
.post__content ol {
padding-left: 1.5rem;
}
.post__content ol {
margin: 0 0 1.5rem 0;
}
@media (min-width: 768px) {
.post__content ol {
margin: 0 0 1.8rem 0;
}
}
.post__content li {
line-height: 1.8;
margin: 0 0 0.375rem 0;
}
.post__content h2 {
color: #5fa299;
margin: 0 0 1rem 0;
line-height: 1.3;
font-size: 1.375rem;
}
@media (min-width: 768px) {
.post__content h2 {
font-size: 1.5rem;
}
} .footer {
font-size: 1rem;
line-height: 1.8;
line-height: 2;
padding: 2.5rem 0;
text-align: center;
color: #fff;
background: #5A5A5A ;
}
.footer a {
text-decoration: none;
color: inherit;
}
.footer a:hover {
text-decoration: underline;
}
.footer .footer__contact__title {
font-size: 1.25rem;
font-weight: bold;
}
.footer ul {
line-height: inherit;
margin: 0;
padding: 0;
list-style: none;
}
.footer__container>div+div {
margin-top: 1.75rem;
}
@media (min-width: 768px) {
.footer {
text-align: left;
}
.footer__container {
display: flex;
}
.footer__container>div {
flex: 3;
}
.footer__container>div+div {
margin: 0;
}
.footer__container .footer__copyright {
flex: 4;
text-align: right;
}
.footer__container .footer__links {
margin-top: 2.5rem;
}
.footer__container .footer__copyright {
margin-top: .35rem;
}
} body.blog .hero {
background: #efefef;
}
body.home .hero h1,
body.blog .hero h1 {
max-width: 20rem;
margin-bottom: 1rem;
}
body.home .hero-content,
body.blog .hero-content {
padding: 2.5rem 0;
}
@media (min-width: 768px) {
body.home .hero-content,
body.blog .hero-content {
padding: 4.25rem 0;
}
body.home .hero h1,
body.blog .hero h1 {
max-width: 32rem;
}
}
@media (min-width: 1024px) {
body.home .hero h1,
body.blog .hero h1 {
margin: 3rem 0 1.25rem 0;
}
}
a.optanon-show-settings {
cursor: pointer;
text-decoration: underline;
}
a.optanon-show-settings:hover {
text-decoration: none;
} #cookie-law-info-bar span {
font-size: .875rem;
line-height: 1.75;
display: block;
}
#cookie-law-info-bar span.cookie-buttons {
margin: 1rem 0 0 0;
}
#cookie-law-info-bar span a {
font-size: .875rem;
font-weight: normal;
}
#cookie-law-info-bar span .cookie_action_close_header_reject {
cursor: pointer;
text-decoration: underline;
}
#cookie-law-info-bar span a:hover {
text-decoration: none;
} .button-menu,
.button-menu-mobile,
.ingredients__link,
.hero-link {
display: none;
}
.hero-link-extern .button {
color: white;
background: #009fe3;
border: 1px solid #009fe3;
}
.hero-link-extern .button:hover {
color: #009fe3;
background: white;
}
.hero-subtitle span {
font-size: 1rem;
display: block;
}
#skip-to-content {
display: block;
max-width: fit-content;
padding: 1rem;
position: fixed;
top: 20px;
left: 20px;
z-index: 9999999999;
background-color: #fff;
text-decoration: none;
color: #5A5A5A;
box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
left: -500px;
}
#skip-to-content:focus-visible,
#skip-to-content:focus {
left: 20px;
opacity: 1;
}
.accordion__item__header>span {
font-weight: 700;
font-size: 20px;
line-height: 1.5;
max-width: calc(100% - 50px);
display: block;
}
.accordion__item__content.menu {
overflow: hidden !important;
}
.accordion__item__content-text{
padding: 0 0 20px 0 !important;
} :root {
--primary-color: #298478;
}
.navbar,
.button,
.block.dark,
.tip__section__infobox,
.block[data-layout='application'],
.post__source,
html > body ._brlbs-btn-cookie-preference,
html > body ._brlbs-btn {
border-color: var(--primary-color) !important;
background: var(--primary-color) !important;
color: #fff !important;
}
html > body .hero .container-s h1 {
color: var(--primary-color) !important;
}
html > body #BorlabsCookieBox .bcac-item,
html > body #BorlabsCookieBox .cookie-preference table {
color: var(--primary-color) !important;
}
.BorlabsCookie ._brlbs-btn-switch input:checked + ._brlbs-slider {
background-color: var(--primary-color) !important;
}
html > body a.button,
._brlbs-btn-cookie-preference {
transition: all 160ms ease-out;
}
html > body a.button:hover,
html > body ._brlbs-btn-cookie-preference:hover,
html > body ._brlbs-btn:hover {
color: #fff !important;
background: #5fa299 !important;
text-decoration: none !important;
}
.block[data-layout='post'] h1,
.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6 {
color: var(--primary-color) !important;
}
.hero-subtitle strong,
a,
.tip-quote,
.tip__quote,
.application__column,
.block[data-layout='tip'] h2 {
color: var(--primary-color) !important;
}
footer a {
color: #fff !important;
}
.button,
.navbar-menu.menu a  {
color: #fff !important;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.5 !important;
}
.navbar.menu-container {
border-bottom: 5px solid #5fa299 !important;
}
.block.dark {
border-top: 5px solid #5fa299 !important;
border-bottom: 5px solid #5fa299 !important;
}
.button,
html > body ._brlbs-btn-cookie-preference,
html > body ._brlbs-btn {
border: 3px solid #5fa299 !important;
}
.tip__section__infobox,
.post__source  {
border: 5px solid #5fa299 !important;
}
#BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box {
color: #5A5A5A !important;
}