/* CSS home */

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap");

:root {
  --color-1: #db2b1b;
  --color-2: #ffffff;
  --color-3: #000000;
  --color-4: #f4f4f4;
  --color-5: #464646;
}

body,
html {
  font-family: "Roboto Condensed", sans-serif;
}

#content-wrapper {
  background: unset !important;
}

#wrapper {
  background: unset;
  display: unset !important;
}

#wrapper .breadcrumb {
  margin: 20px 15px;
}

.material-icons {
  color: var(--color-2) !important;
}

a {
  color: var(--color-3);
  font-weight: 700;
}

a:hover {
  color: var(--color-1);
}

a:focus {
  color: var(--color-1);
  text-decoration: none;
}

.btn-primary:hover {
  background-color: var(--color-3);
}

.pagination .current a {
  color: var(--color-1)
}


#index .container {
  width: 100%;
}

.banner-container {
  padding-left:0px;
  padding-right:0px;
}



@media screen and (min-width: 700px) {
#index .container {
  width: 2560px;
}

#footer .container {
  width: 2560px;
}

#footer .footer-container .container {
  width: 1400px;
  text-align: center;
}
}


/* header */

.header-banner,
.header-nav,
#header,
#header .header-nav .blockcart {
  border: unset !important;
  background: unset !important;
  background: var(--color-3) !important;
}

#header .header-nav {
  max-height: 60px;
}

.header-top {
  background: var(--color-2) !important;
  padding: 1rem !important;
}

.container-top {
  width: 1400px !important;
}

.header-top-right {
  text-align: right;
  left: 6%;
}

#header .header-nav #menu-icon .material-icons {
  color: var(--color-2);
}

.cart-products-count {
  color: var(--color-2);
}

.left-nav {
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 60px;
}

.right-nav {
  margin-top: unset;
  height: 60px;
  align-items: center;
}

.left-nav *,
.right-nav * {
  color: var(--color-2) !important;
  font-weight: 400;
  
}

#header a:hover,
#header li:hover,
#footer a:hover,
#footer li:hover {
  color: var(--color-5) !important;
}

#header .header-nav .blockcart {
  height: unset;
}


.material-icons .shopping-cart {
  color: var(--color-2) !important;
}

.user-info .material-icons {
  color: var(--color-2) !important;
}



#mobile-logo .logo img {
  filter: invert(100%);
  -webkit-filter: invert(100%);
}

#header .header-nav .user-info {
  margin-top: unset;
}

.sigg-contact {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }

@media screen and (min-width: 767px) {
  #header .header-nav .material-icons {
    line-height: 1;
  }
  .nav-container {
  width: 1400px !important;
}


#header .header-nav .language-selector {
  margin-top: unset;
}


}


@media screen and (max-width: 1024px) {
  .left-nav {
    display: none;
  }

  #header .top-logo {
    justify-content: center;
  }

  #header .header-nav .right-nav {
    justify-content: unset;
  }
}

@media screen and (max-width: 767px) {
  #header .header-nav .user-info {
    margin-top: 0.9375rem;
  }
  
}


@media screen and (max-width: 576px) {
  .container-top {
    width: 540px !important;
    max-width: 100%;
  }

  .header-top {
    height: 100px;
  }

  #header .top-logo {
    justify-content: center;
  }

  #header .top-logo img {
    min-height: 4rem;
  }
}



/* start ps_searchbar */

#search_widget form input {
  width: 100%;
  padding: 10px 11px 10px 21px;
  outline: none;
  background-color: var(--color-2) !important;
  border: none;
  border-radius: 5px;
}

.right-nav #search_widget {
  margin-left: 2%;
  margin-top: 1%;
}

#search_widget form i {
  position: absolute;
  padding: 0.5rem;
}

#search_widget form input {
  color: var(--color-3) !important;
}

@media screen and (min-width: 480px) {
  #search_widget {
    margin-left:0;
  }
}

@media only screen and (min-width: 768px){
  #search_widget {
      float: unset;
      min-width: 16.5rem;
  }
  }

@media screen and (min-width: 990px) {
  .right-nav #search_widget {
    display: inline !important;
    
  }
}
/* einde ps_searchbar */

/* start pm_advancedtopmenu*/

/* start pm_advancedtopmenu*/

#adtm_menu .li-niveau1 {
  min-height: 30px;
}
#mobile_top_menu_wrapper {
  background: var(--color-2) !important;
}

#_desktop_top_menu *,
#_mobile_top_menu * {
  border: unset !important;
  color: var(--color-3) !important;
  text-transform: uppercase !important;
  font-weight: bold !important;
  font-size: 16px !important;
  /* font-family: var(--) !important; */
}


#_desktop_top_menu .searchboxATM {
  background: var(--color-4) !important;
  height: 40px !important;
  top: 8px !important;
  color: var(--color-2) !important;
  font-size: 12px !important;
}

#_desktop_top_menu .searchboxATM .adtm_search_submit_button {
  height: 40px !important;
}

#_desktop_top_menu .searchboxATM .search_query_atm {
  width: 170px !important;
}

#header .header-nav #menu-icon {
  margin-left: 2rem;
}

@media screen and (min-width: 600px) {

  #adtm_menu {
    box-shadow: unset;
  }

  #adtm_menu_inner {
    background: unset;
  }
  #adtm_menu .li-niveau1 {
    padding: 0;
  }

  #adtm_menu ul#menu li div.adtm_sub {
      margin-top: 12%;
      width: 200px;
  }

  .li-niveau1 a span {
    padding: 10px;
  }
}


@media screen and (min-width: 1000px) {

  .adtm_menu_container {
    float: right;
  }
  #_desktop_top_menu {
    margin-top: 2%;
  }

  #adtm_menu ul#menu {
    display: flex;
    flex-wrap: nowrap;
    height: 50px;
    align-content: flex-start;
    align-items: center;
  }

  #adtm_menu ul#menu li div.adtm_sub {
      margin-top: 15%;
      width: 200px;
  }

  
  #adtm_menu .li-niveau1 {
    padding: 1%;
  }
  
}

/* einde pm_advancedtopmenu*/

/* start tck USP's */

.usp {
  padding-top: 15px;
  display: flex;
  align-items: center;
  color: var(--color-2) !important;
  justify-content: center;
  flex-direction: column;
}

#usps {
  background: grey;
}

.usp p {
  padding-top: 15px;
  color: var(--color-2) !important;
  text-align: center;
}

/* einde tck USP's */

#footer {
  background: #808080 !important;
  color: var(--color-2) !important;
  font-size: 0.875rem;
}


.footer-container {
  background: var(--color-3) !important;
  /* padding: 2% 6% 2% 8%; */
}

#footer h3 {
  float: left;
  text-transform: uppercase;
  color: var(--color-1) !important;
  margin-bottom: 20px;
}

#footer a {
  color: var(--color-2) !important;
}

#footer .fa {
  color: var(--color-1) !important;
}

.betaalmethoden {
  margin-bottom: 10%;
}

.betalingslogos {
  width: 50px;
  padding: 1%;
  border-radius: 10px;
}
.verzendpartner img {
  width: 100px;
  padding: 1%;
  border-radius: 5px;
}

.mb-2 {
  margin-bottom: 0 !important;
}


@media screen and (max-width: 767px) {
  #footer h3 {
    float: unset;
    margin-top: 9%;
    margin-bottom: unset;
  }
}

@media screen and (min-width: 767px) {

  #footer h3 {
    float:unset;
    text-transform: uppercase;
    color: var(--color-1) !important;
    margin-bottom: 20px;
  }
  #ps_banner {
    display: block;
    text-align: center;
    padding-top: 0;
  }
}

@media screen and (max-width: 480px) {
  #ps_banner {
    display: block;
    text-align: center;
    padding-top: 5vh;
  }
}

/* begin slider */

.carousel {
  background: unset;
}

.carousel .carousel-item .caption {
  position: absolute;
  margin: 0;
  max-width: 1000px;
  color: #fff;
  bottom: 1%;
  left: 5%;
}

.caption-description h1 {
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-2)!important;
}
.caption-description h2 {
  font-size: 1.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.display-1 {
  flex: 1;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 700 !important;
  font-size: 1.75rem !important;
  color: var(--color-1)!important;
}

.btn-sigg-slider {
  margin-top: 2%;
  background-color: var(--color-1);
  border-style: none;
  text-transform: uppercase;
  font-size: 1.5rem;
}

@media screen and (min-width: 700px) {

  .carousel .carousel-item .caption {
      position: absolute;
      top: 25%;
      bottom: 25%;
      max-width: 1000px;
      color: #fff;
      padding: 2% 2% 2% 2%;
      text-align: left;
  }

  .caption-description h1 {
    font-size: 6.25rem;
  }
  .caption-description h2 {
    font-size: 4.25rem;
  }

  .carousel .carousel-item .caption .display-1 {
    font-size: 4.25rem !important;
  }
}

@media screen and (min-width: 600px) {

  .carousel .carousel-item .caption {
      position: absolute;
      top: 25%;
      bottom: 25%;
      max-width: 1000px;
      color: #fff;
      padding: 2% 2% 2% 2%;
      text-align: left;
  }

  .caption-description h1 {
    font-size: 3.25rem;
  }
  .caption-description h2 {
    font-size: 2.25rem;
  }

  .carousel .carousel-item .caption .display-1 {
    font-size: 2.25rem !important;
  }
}

@media screen and (min-width: 1400px) {

.caption-description h2 {
  font-size: 3.25rem;
}

.carousel .carousel-item .caption .display-1 {
  font-size: 3.25rem !important;
}
}

/* einde slider */

/* banners */

.banner-item img {
    width: 100%;
    height: auto;
}

.banner-text {
  position: absolute;
  max-width: 600px;
  padding: 1em;
  top: 30%;
  z-index: 1;
  line-height: 2.1;
}

.banner-text h3 {
  color: var(--color-1) !important;
  text-transform: uppercase;
  font-size: 2.25rem;
}
.banner-text h4 {
  color: var(--color-2) !important;
  text-transform: uppercase;
  font-size: 1.5rem;
  line-height: 2.1;
}
.banner-text a {
  position: relative;
  color: var(--color-2) !important;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0 0 3px;
  display: inline-block;
}

.banner-text a:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: var(--color-2);
  content: "";
}

/* mediaqueries banners-1 */
@media screen and (max-width: 1400px) {

  .banner-text h3 {
    color: var(--color-1) !important;
    text-transform: uppercase;
    font-size: 1.5rem;
  }
  .banner-text h4 {
    font-size: 1.25rem;
    line-height: 1;
  }
}

@media screen and (max-width: 1024px) {

  
  .banner-text {
    max-width: 600px;
  }

  .banner-text h3 {
    color: var(--color-1) !important;
    text-transform: uppercase;
    font-size: 1.75rem;
  }
  .banner-text h4 {
    font-size: 1.25rem;
    line-height: 1;
  }
}

@media screen and (max-width: 500px) {
  .banner-text {
    padding: 1%;
    top: 0;
}
}

/* einde banners */

/* collectie SIGG */

.intro-text-coll {
    margin: 100px 0;
    position: relative;
}

.intro-text-coll h1 {
    font-size: 2.25rem;
    text-align: center;
}

.intro-text-coll-h1::before {
  content: "";
  width: 117px;
  height: 1px;
  background: var(--color-3);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);


}

.intro-text-coll-h1::after {
    content: "///";
    line-height: 20px;
    background: #ffff;
    padding: 0 2px;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    color: #000;
    font-size: 12px;
    font-family: 'Playfair Display', sans-serif;
    letter-spacing: 0;

}

.sigg-coll {
    background: var(--color-4);
    padding: 90px 90px;
    margin-bottom: 5%;
}

.box-sigg-coll {
    background-color: var(--color-2);
}

.box-sigg-col-bg {
  background: var(--color-2);
  padding: 0;
}



.sigg-coll-item img {
    width: 100%;
    height: auto;
}

.img-description {

  margin-top: 25%;
  /* margin-bottom: 37%; */
  align-items: center;
  padding: 10px 5px;
  text-align: center;
  transition: all .4s;
  max-height: 778px;
}

.img-a-sigg {
  display: inline-block;
  padding: 10px 0;
  color: #000;
  border-bottom: 1px solid;
  letter-spacing: 3px;
  margin-top: 40px;
  font-size: 0.75rem;
}

.img-a-sigg:hover {
  color: var(--color-1);
}

.img-h3-sigg {
  color: var(--color-1);
  font-size: 1.75rem;
}

.img-h4-sigg {
  color: var(--color-5);
  font-size: 2.25rem;
  position: relative;
  padding: 0 0 40px;
    margin: 0 0 40px;
}

.img-h4-sigg::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #ddd;
    width: 200px;
    height: 1px;
    max-width: 90%;
}

.img-p-sigg {
  color: var(--color-5);
}

/* @media screen and (min-width: 1920px) {
  .img-description{ 
    position: unset;
    
  }
} */

@media screen and (max-width: 1920px) {
  .img-description{ 
    margin-top: 5%;
    margin-bottom: 2%;
  }

  .img-description h3 {
    font-size: 1.5rem;
  }

  .img-description h4 {
    font-size: 1.75rem;
  }

  .img-a-sigg {
    margin-top: 20px;
  }
}

@media screen and (max-width: 600px) {
  .sigg-coll {
    padding: unset!important;
  }
  
}


/* begin featured-product weergave */

.product-container #left-column {
  margin-top: 5%;
}

.wishlist-button-add {
  display: none !important;
}
#PM_ASearchResultsInner {
  margin-top: 5%;
}
#PM_ASBlockOutput_16 {
  margin-top: 10%;
}

.product-flags li.product-flag.on-sale {
  background: var(--color-1);
  display: none;
}

.product-flags li.product-flag.discount-percentage,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount {
  background: var(--color-1);
}

#product-availability .material-icons {
  color: var(--color-1)!important;
}

/* einde featured-product weergave */

/* begin categoriepagina */

#category-description img {
  width: 100%;
  height: auto;
}

.product-flags li.product-flag {
  background: var(--color-1);
}


@media screen and (min-width: 700px) {
#advancedsearch-seo-1 .product-container {
  width: 1400px;
}
}



/* einde categoriepagina */

/* product pagina */

#product .product-container {
  margin-top: 5%;
  margin-bottom: 5%;
}

.product-cover img {
  margin-top:12%;
}

#product .product-container h1 {
  color: var(--color-3)!important;
}

.product-price {
  color: var(--color-3);
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
  color:var(--color-1)
}

.has-discount .discount {
  background: var(--color-1);
}

.btn-primary {
  background-color: var(--color-1);
}

.product-price {
  font-size: 1.5rem !important;
}

.tabs .nav-tabs .nav-link.active {
  color: var(--color-3);
  border-bottom: var(--color-1) 3px solid;
}

.tabs .nav-tabs .nav-link:hover {
  border-bottom: var(--color-1) 3px solid;
}

.tabs .nav-tabs .nav-link {
  color: var(--color-3);
  border-bottom: var(--color-4) 3px solid;
}

.tabs {
  padding: 0;
}

.product-actions .add-to-cart:hover {
  background: var(--color-3);
}

#PM_ASearchResults {
  max-width: 1400px;
}

.manufacturer-logo {
  max-width: 100%;
  height: 150px;

}

.product-flags li.product-flag.on-sale {
  width: auto !important;
}

.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
  background-color: var(--color-3);
}

.btn.disabled, .btn:disabled {
  opacity: 1;
}

.remove-from-cart i {
  color: var(--color-3)!important;
}

#blockcart-modal .product-name {
  color: var(--color-3);
}

.btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-3);
}

@media screen and (min-width: 700px) {
  #product .product-container {
    width: 1400px;
  }
  }

/* cms pagina */

.page-header {
  margin-top: 5%;
}


/*winkelwagen */


#cart #wrapper {
  display: block!important;
  padding-top: 5%;
  padding-bottom: 15%;
}

.cart-grid-right {
  margin-top: 4.1rem
}

.cart-summary {
  background: var(--color-4);
}

#cart .material-icons {
  color: var(--color-3)!important;
}

.mobiel-delete {
  display: block;
}

.desktop-delete {
  display: none;
}

.cart-grid-body a.label:hover {
 color: var(--color-1);
}

#cart .product-price, .current-price {
  font-size: 1.25rem!important;
}

#cart .product-price {
  font-size: 1.25rem!important;
}

#cart .btn-primary:focus, .btn-primary.focus {
background: var(--color-3);
}

.cart-summary-line .label {
color: var(--color-3);
font-weight: 700;
}

.cart-grid-body a:hover {
color: var(--color-5)!important;
}

.cart-summary-products p, a {
color: var(--color-3);
}

.cart-summary-products a:hover, a:focus {
color: var(--color-1)!important;
}

.cart-summary-products .material-icons {
color: var(--color-1)!important;
}

.form-control:focus {
outline: var(--color-6);
}

.condition-label a {
color: var(--color-7);
}

.bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
  width: 4rem;
}

.js-top-menu-bottom .material-icons {
  color: black!important;
}

.custom-checkbox input[type="checkbox"]+span .checkbox-checked {
  color: var(--color-3)!important;
}


.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open>.btn-primary.dropdown-toggle:hover, .open>.btn-primary.dropdown-toggle:focus, .open>.btn-primary.dropdown-toggle.focus {
  background-color: var(--color-3)!important;
}

.custom-radio input[type="radio"]:checked+span {
  background-color: var(--color-3);
}


.block-promo .promo-code-button.cancel-promo {
  color: var(--color-3);
}

.block-promo .promo-input+button {
  border: var(--color-3);
}

.bootstrap-touchspin .input-group-btn-vertical i {
  color: var(--color-3)!important;
}
.cart-summary .btn-primary:active {
  background: var(--color-3);
}


@media screen and (min-width: 700px) {

  .cart-grid {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #cart .container {
    width: 1400px;
  }

  .mobiel-delete {
    display: none;
  }
  .desktop-delete {
    display: block;
  }
  .bootstrap-touchspin input.form-control, .bootstrap-touchspin input.input-group {
    width: 3rem;
  }

  .product-line-grid-right .price {
    margin-top: unset;
  }
  }


/*checkout */

body#checkout section#content {
  margin-top: 10%;
}

body#checkout #footer {
  padding: 0rem;
}

.custom-checkbox input[type="checkbox"]+span .checkbox-checked {
  color: var(--color-3)!important;
}

#js-checkout-summary {
  background: var(--color-4);
}

#js-checkout-summary .material-icons{
  color: var(--color-3)!important;
}
#js-checkout-summary .product-price{
  font-size: 1rem!important;
}

body#checkout section.checkout-step .address-item.selected {
  border: var(--color-1) 3px solid;
}

body#checkout section.checkout-step.-reachable.-current .step-number {
  background: var(--color-1);
}

body#checkout a:hover {
  color: var(--color-1);
}

body#checkout .custom-checkbox input[type="checkbox"]+span .checkbox-checked {
  color: var(--color-3)!important;
}

.tck-alert * {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;

  padding: 5px !important;
}

.tck-alert h1 {
  font-size: 18px !important;
  color: #C00 !important;
}

.tck-alert h3 {
  font-size: 16px !important;
  color: #0b5f88 !important;
}

.tck-alert p {
  font-size: 14px !important;
  color: #000;
  text-align: center;
}


body#checkout section.checkout-step.-reachable.-current .step-number {
  background-color: var(--color-1);
}

body#checkout a:hover {
  color: var(--color-1);
}

#checkout .btn-primary:focus, .btn-primary.focus {
  background: var(--color-3);
}

.form-control:focus {
  border-color: var(--color-3);
  outline: .1875rem solid var(--color-3);
}



/* my account */

#my-account .link-item .material-icons {
  color: var(--color-5)!important;
}

#my-account .btn-info {
  background: var(--color-3);
  border-color: var(--color-3);
}

#my-account.btn-info:hover {
  background: var(--color-1);
}

#my-account .btn-info:active {
  background-color: var(--color-1)!important;
  border-color: var(--color-1)!important;
}

#my-account .btn-info:focus, .btn-info.focus, .btn-info:hover {
  border-color: var(--color-3);
}

#my-account .input-group.focus {
  outline: var(--color-3);
}

#my-account a:focus {
  color: var(--color-3);
}

#authentication .form-control:focus {
  border-color: var(--color-3);
}

#authentication .btn-primary:focus, .btn-primary.focus {
  background-color: var(--color-3);
}

#authentication a {
  color: var(--color-3);
}

/* cms pagina's */

.page-content.page-cms {
  padding: 0 5% 1% 5%;
}

/* product snelkijken */
.product-miniature .highlighted-informations .quick-view:hover {
  color: var(--color-1);
}

.product-add-to-cart {
margin-top: 5%;
}

.product-last-items {
  color: rgb(255, 217, 0)!important;
}

/*blog */

#module-leoblog-list .product-container {
  margin-top: 2%;
  margin-bottom: 2%;
}

.leo-block-sidebar {
  margin: 0;
  padding: 30px;
  background: #FFFFFF;
  border: 1px solid #efefef;
  border-bottom: 0;
}

.blog-image {
  padding: 0;
}

.leading-blog .title {
  font-size: calc(1vw + 1em);
}

.secondary-blog .title {
  font-size: calc(1vw + 1em);
}

.blog-item .more {
  font-family: var(--font-titels);
}

.blog-tags a span {
  font-family: var(--font-titels);
  background: var(--color-3);
}

#module-leoblog-blog .container {
  width: 100%;
}

#module-leoblog-blog #blogpage {
  width: 100%;
  position: relative;
}

#module-leoblog-blog .blog-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#module-leoblog-blog .blog-detail .blog-meta {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 200px;
  border-bottom: unset;
  color: var(--color-2);
  z-index: 1;
}

#module-leoblog-blog .blog-detail .blog-title {
  height: 300px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
}

#module-leoblog-blog .blog-detail .blog-title h1 {
  font-size: calc(1vw + 1em);
  color: var(--color-3);
  width: 100%;
  position: relative;
  top: -100px;
}

#module-leoblog-blog #blogpage .blog-image {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 150px;
}

#module-leoblog-blog .blog-detail .blog-description {
  display: flex;
  position: relative;
  flex-direction: column;
  top: -100px;
}

#module-leoblog-blog .blog-detail .blog-description p {
  position: relative;
  max-width: 1000px;
}

#module-leoblog-blog .blog-detail .blog-description img {
  align-items: center;
  justify-content: center;
}

#module-leoblog-blog .blog-detail .blog-description h3 {
  font-size: 1.25rem;
  display: flex;
}


.blog-meta span {
  color: var(--color-3);
  font-weight: 700;
}

.blog-tags {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
}

.blog-tags a {
  padding-left: 1%;
  padding-bottom: 1%;
  font-size: 1.25rem;
}

.extra-blogs {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.blogs-container {
  margin-top: 2%;
}


@media screen and (min-width: 1000px) {
  #module-leoblog-list .container {
    width: 1920px;
  }
  .leading-blog .title {
    font-size: calc(1vw + 0.5em);
  }

  .secondary-blog .title {
    font-size: calc(0.5vw + 0.5em);
  }

  .secondary-blog .blog-image img {
    height: 450px;
  }

  #module-leoblog-blog .blog-detail .blog-title {
    background-image: url("/themes/sigg/assets/img/SIGG-8951-20-8951-50-0-75L-0-5L-TOTAL-CLEAR-ONE-MYPLANET-1-LP.JPG"); /* Vervang met jouw afbeelding */
    background-color: rgba(255, 255, 255, 0.4); /* Half-transparante kleur */
    background-blend-mode: overlay; /* Combineert de afbeelding met de kleur */
    background-size: cover; /* Zorgt dat de afbeelding het element vult */
    background-position: 20% 50%; /* Centreert de afbeelding */
    height: 700px;
  }

  #module-leoblog-blog .blog-detail .blog-description p {
    position: relative;
    max-width: 1000px;
  }

  #module-leoblog-blog .blog-detail .blog-title h1 {
    font-size: calc(1vw + 1em);
    width: 1400px;
  }

  #module-leoblog-blog #blogpage .blog-image img {
    box-shadow: rgba(0, 0, 0, 0.5) -1px -13px 20px 0px;
  }

  .blog-tags {
    flex-direction: row;
  }

  .blog-image img {
    height: 700px;
    object-fit: cover;
  }

  .leading-blog .blog-image-container .title {
    min-height: 75px;
  }

  .blog-image-container .title {
    min-height: 50px;
  }

  .extra-blogs {
  flex-direction: row;
  width: 1000px;
  margin-top: 0;
}
}

/* tck alert */

.tck-alert * {
  display: flex;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 5px !important;
}

.tck-alert h1 {
  font-size: 18px !important;
  color: red !important;
}

.tck-alert h3 {
  font-size: 16px !important;
  color: red !important;
}

.tck-alert p {
  font-size: 14px !important;
  color: #000;
  text-align: center;
}