/* backgrounds */
.bg-primary {}
.bg-secondary {}
.bg-success {}
.bg-danger {}
.bg-warning {}
.bg-info {}
.bg-light {}
.bg-dark {}
.bg-body {}

/* category page */
body.rv {}
body.rv .card {}
body.rv .card-header {}
body.rv .card-header h1 {}
body.rv .card-header h2 {}
body.rv .card-img-top {}
body.rv .card-body {}
body.rv .card-title {}
body.rv .card-text {}
body.rv .card-footer {}

/* page */
body.ck .article-content {}
body.ck .article-content h1 {}
body.ck .article-content h2 {}
body.ck .article-content p {}
body.ck .article-content a {}
body.ck .article-content a:hover {}
body.ck .article-content iframe {}
body.ck .article-content img { max-width:100%; height:auto !important; }

/* bs5 carousel settins */
.carousel.slide {}
.carousel-indicators {}
.carousel-indicators.active {}
.carousel-inner {}
.carousel-item {}
.carousel-item.active {}
.carousel-caption {}
.carousel-control-prev {}
.carousel-control-prev-icon {}
.carousel-control-next {}
.carousel-control-next-icon {}

/* cms collapsible element */
.panel-group {}
.panel.panel-default {}
.panel-heading {}
.panel-title {}
.panel-title a {}
.panel-title a:after {}
.panel-collapse.collapse.show {}
.panel-collapse.collapse {}
.panel-body {}
.panel-body p {}
.panel-body a {}
.panel-body a:hover {}

/* cms tab element */
.tabpanel {}
.tabpanel .nav.nav-tabs {}
.tabpanel .nav.nav-tabs li {}
.tabpanel .nav.nav-tabs li.active {}
.tab-content {}
.tab-content .tab-pane {}
.tab-content .tab-pane.active {}
.tab-content p {}
.tab-content a {}
.tab-content a:hover {}

/* cms special elements ! optional */
.cta-button1 {}
.specialContainer1 {}
.specialContainer2 {}
.specialContainer3 {}

/* font settings */
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-13 {font-size: 13px;}
.f-14 {font-size: 14px;}
.f-15 {font-size: 15px;}
.f-16 {font-size: 16px !important;}
.f-18 {font-size: 18px;}
.f-20, .f-20 * {font-size: 20px;}
.f-22, .f-22 * {font-size: 22px;}
.f-24, .f-24 * {font-size: 24px;}
.f-26, .f-26 * {font-size: 26px;}
.f-28, .f-28 * {font-size:28px;}
.f-30, .f-30 * {font-size:30px}
.f-32, .f-32 * {font-size:32px;}
.f-34, .f-34 * {font-size:34px;}
.f-36, .f-36 * {font-size:36px;}
.f-38, .f-38 * {font-size:38px;}
.f-40, .f-40 * {font-size:40px;}
.f-42, .f-42 * {font-size:42px;}
.f-44, .f-44 * {font-size:44px;}
.f-46, .f-46 * {font-size:46px;}
.f-48, .f-48 * {font-size:48px;}

.fw-regular * { font-weight: 100; }
.fw-400, .fw-400 * {font-weight:400;}
.fw-500, .fw-500 * {font-weight:500;}
.fw-600, .fw-600 * {font-weight:600;}
.fw-700, .fw-700 * {font-weight:700;}

.lh-0 * {line-height:0;}
.lh-15 * {line-height:1.5rem;}
.lh-18 * {line-height:1.8rem;}

/* commons settings */
.empty:empty { display: none; } /* add this class to elements if you want them hidden if their contents is empty! */

/* resposive breakpoints */
/* mobile */
@media (max-width: 500px) {
}

/* tablet portrait */
@media (max-width: 767px) {
}

/* tablet landscape */
@media (max-width: 1024px) {
}

/* desktop */
@media (max-width: 1400px) {
}

/* full hd */
@media (min-width: 1900px) {
}

/*cookie popup css*/
.popup-cookieconsent-div-footer {background-color: transparent!important;}
.popup-cookieconsent-div {background-color: #333!important;overflow-y: auto!important;}
.popup-cookieconsent-div-content {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-div-main a {padding: .5rem;display: inline-block;}
.cook.active {color: #fff!important;}
.cookies-allowed-title {color: #fff !important;}
.popup-cookieconsent-div a {color: #d3d3d3!important;}
.popup-cookieconsent-div .row, .popup-cookieconsent-down .row {max-width: 1240px;margin-left:auto!important;margin-right: auto!important;}
.popup-cookieconsent-down {background-color: #333!important;border-top:none!important;position: fixed;bottom:0;left:0;width:100%;}
.popup-cookieconsent-down a {color: #fff;}
.popup-cookieconsent-down p {color: #fff;}
.popup-cookieconsent-button a {border:solid 3px #fff!important;border-radius: 33px!important;padding-left: 24px!important;padding-right:24px!important;background-color:#fff!important;}
.popup-cookieconsent-button a:hover {color:#333!important;}
.popup-cookieconsent-button.save a, .popup-cookieconsent-button.allow a {background-color: #333!important;color:#fff!important;}
.popup-cookieconsent-button.cancel a, .popup-cookieconsent-close-button a {color: #333!important;}
.popup-cookieconsent-close-button a:after {line-height: 24px;}

@media (max-width: 767px) {
.popup-cookieconsent-div p, .popup-cookieconsent-down p {font-size: .8rem;}
  .side {background-size: 0;}
  .popup-cookieconsent-button  {display: block!important;}
  .cookies-allowed-title {margin-top: 1rem!important;}
}