/*----------- Kemexperten -----------*/
/*----- Designpaket: Silver ----*/
/*------------ 2024 ------------*/

/* ---- FULL WIDTH -----
------------------------*/


.startpage .nordic--body-wrapper {
  padding: 0px 0px 40px 0px;
  max-width: none;
}

.startpage .nordic--body-wrapper .nordic--main .nordic--main-wrapper {
  padding: 0px 0px 40px 0px;
}

.magazine,
.introduction,
.startpage .tws-container--tws-content-box-2x,
.tws-container--tws-articles-two-type-grid,
.tws-container--tws-newsletter-subscribe.newsletter,
.tws-container--tws-custom-html {
  max-width: 1400px;
  margin: 0 auto !important;
  padding: 40px 20px 10px 20px;
}

/* ---- TOP BAR -----
--------------------*/
.slot--header-horizontal-menu .tws-top-menu--controls .tws-audience-selector, 
.nordic--top-bar .slot--top-bar-audience-selector {
  display: none;
}

/* ------ LOGIN --------- */

.nordic--top-bar .slot--top-bar-login {
  margin: 4px 0 0 0;
}
.nordic--top-bar .slot--top-bar-login a {
  text-transform: inherit;
}
.nordic--top-bar .slot--top-bar-login .tws-login--login-text:before {
	font-family: 'Material Symbols Outlined';
  content: "\ea77"; 
  font-size: 20px; 
  color: #fff;
  font-weight: 200; 
  float: left;
  bottom: 4px;
  position: relative;
  right: 2px;
}
.nordic--top-bar .slot--top-bar-login .tws-login--register {
  margin-bottom: 8px;
}

/* -- MOVING HEADER ELEMENTS ---
--------------------------------*/

@media (min-width:992px) {
.nordic--header .nordic--header-wrapper .nordic--header-left {
    width: auto;
    order: 2;
    text-align: right;
    flex-grow: 1;
}
    .nordic--header .nordic--header-wrapper .nordic--header-middle {
    order: 1;
    flex-grow: 2;
}
    .nordic--header .nordic--header-wrapper .nordic--header-right {
    order: 3;
    flex-grow: 1;
      width: 200px;
}
  .nordic--header .nordic--header-wrapper {
    padding: 14px 30px 14px 30px;
  }
}

.nordic--header {
  background: #437eb4;
}

.nordic--body .nordic--body-wrapper .nordic--main .nordic--main-wrapper {
  box-shadow: none;
  background: #f8f9fa;
}

@media(min-width:992px) {
.slot--header-logo .tws-logo {
  text-align: left;
  margin: unset;
} 
  .slot--header-horizontal-menu .navbar .container-fluid {
    border: none;
  }
    .slot--header-horizontal-menu .navbar-nav > li a {
    padding: 15px 12px;
    font-size: 13px;
    font-weight: 500;
  }
  .slot--header-horizontal-menu .navbar {
    padding: 0px;
  }
 }

/* -- SEARCH ---
----------------*/

.slot--header-search .tws-article-search {
  margin: 0;
  background: #fff;
}

.slot--header-search input.form-control {
	border: 1px solid #e3e3e3;
  border-radius: 0;
}
.slot--header-search .tws-article-search--no-label {
  border-radius: 0;
  top: 0px;
  line-height: 40px;
  height: 40px;
  width: 36px;
}
.slot--header-search input.form-control::placeholder {
   color: #676767;
}  
.slot--header-search .tws-article-search ul li:hover {
    background: #f5f5f5;
    pointer-events: auto;
}
.tws-article-search--list-item a:hover {
    color: black !important;
}

  .slot--header-search .tws-article-search--no-label {
	color: #000;
  background: transparent;
  right: 0;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-text-stroke: 2px #fff;
  text-stroke: 4px #050505;
  font-size: 22px;
}

@media (min-width:992px) {
    .slot--header-search .tws-article-search--no-label:hover {
		color: #000;
    background: transparent;
}
.slot--header-search input.form-control {
    width: 520px;
}   
 }

@media(max-width:991px) {
.nordic--search-button::before {
  color: #fff;
}
 }


/* -- CART ---
-------------*/

.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img,
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img:hover {
  background: transparent !important;  
}
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-img::before {
    font-family: 'Material Symbols Outlined';
    content: "\e8cc";
    font-size: 30px;
    color: #fff;
    font-weight: 200;
}
.slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-cart-text {
    color: #fff;
  }

@media(min-width:992px) {
  .slot--header-cart .tws-mini-cart--header-cart-button .tws-mini-cart--header-quantity {
  	color: #fff;
  }
}

/* -- HORIZONTAL MENU ---
------------------------*/

.slot--header-horizontal-menu {
  background: #eee;
}

 .slot--header-horizontal-menu .navbar-nav > li > a {
  position: relative;
  text-transform: uppercase;
  font-size: 13px;
  color: #000; /* Default link color */
}

.slot--header-horizontal-menu .navbar-nav > li > a::after {
  content: '';
  position: absolute;
  left: 50%; 
  bottom: 0;
  width: 0;
  height: 2px; 
  background-color: #222; 
  transition: all 0.3s ease;
  margin-bottom: 3px;
}

.slot--header-horizontal-menu .navbar-nav > li > a:hover::after {
  left: 0; 
  width: 100%; 
}

@media(max-width:991px) {
	.nordic--header-left .nordic--mobile-menu-button::before {
  color: #fff;
}
 }

/* -- STARTPAGE ---
------------------*/

.nordic--start-page .tws-articles-two--heading .tws-util-heading--heading 
.nordic--start-page .tws-articlegroups--title .tws-util-heading--heading {
  font-family: "Roboto Slab", serif;
  text-align: left;
  border: none;
  font-size: 26px;
  color: #38485c;
}


.hero .wrappContent,
.hero-mobile .wrappContent {
  background: rgba(0,0,0, 0.6);
  padding: 20px;
  border-radius: 6px;
}
.hero-mobile {
  margin: 0 !important;
}



.magazine .tws-content-box--table .tws-content-box--first-line
.magazine .tws-content-box--table .tws-content-box--second-line, {
    font-family: "Roboto Slab", serif;
    font-size: 120%;
}
.magazine .tws-content-box--inner-wrapper {
	max-width: 450px;
  background: rgba(0,0,0, 0.4);
}
.magazine .tws-content-box--table .tws-content-box--third-line {
  border: 1px solid black;
  display: inline-block;
  font-size: 14px;
  padding: 6px 10px;
  background: #000;
  border-radius: 6px;
}


@media(max-width:991px) {
	 .hero {
  display: none;
 }
}

@media(min-width:992px) {
 .hero-mobile {
  display: none;
 }
}

.tws-article-list--list .tws-article-list--buy-button .btn.tws-article-list--choices-button::after,
.tws-article-buy-button-with-modal--buy-button::after {
  display: none !important;
}

.slot--header-back-button .btn.btn-default {
  color: #fff;
}


.article .slot--article-quantity .tws-article-quantity--input-wrapper span.input-group-btn {
  display: block;
}
.article .slot--article-quantity .form-control {
  border: 1px solid #000;
  margin: 0px 3px;
}

#mc_embed_signup {
  margin: 0 auto;
  margin-top: 0px;
  padding: 10px;
  margin-top: 20px;
}