/* -----------------*
 * Custom styles
 * -----------------*/

/*
black: #000;
blue (accent): #009de0;
*/
html, body {
    scroll-behavior: smooth;
}

@font-face {
  font-family: Roboto;
  src: url(/fonts/roboto.woff);
}
@font-face {
  font-family: Play;
  src: url(/fonts/play.woff);
}

/* general */
body {
  color: #141827;
}

a {
  text-decoration: none;
}

.btn-primary {
  background-color: #009de0;
}

.btn-outline-primary {
  border-color: #009de0;
  color: #009de0;
}

.btn-outline-primary:hover {
  background-color: #009de0;
}

.widget-light-skin.widget-categories ul > li > a:hover, 
.widget-light-skin.widget-links ul > li > a:hover {
  color: #009de0;
}

/* navigation */
.topbar {
  background-color: #009de0;
  color: #fff;
  border-bottom: 0;
}

.topbar .topbar-column {
  width: auto;
}

.topbar .topbar-column a, 
.topbar .topbar-column span, 
.topbar .topbar-column p {
  color: #fff !important;
}

.topbar .topbar-column a.language {
  color: #606975 !important;	
}

.topbar .topbar-column a:hover {
  color: #bde8ff !important;
}


@media screen and (max-width: 559px) {
  .topbar-nav {
    display: none !important;
  }
}

@media screen and (min-width: 1281px) {
  .topbar-nav > li > a {
    font-size: 16px !important;
  }
}

.lang-currency-switcher-wrap {
  top: -2px;
}

.lang-currency-switcher-wrap .lang-currency-switcher:hover > .language, 
.lang-currency-switcher-wrap .lang-currency-switcher:hover > .currency, 
.lang-currency-switcher-wrap .lang-currency-switcher:hover::after {
  color: #fff;
}

.navbar {
  background-color: #fff;
  border-bottom: 0;
}

.site-menu > ul {
  padding-left: 2.7em;
}

.site-menu ul > li > a {
  color: #222;
}

.site-menu ul > li:hover > a,
.site-menu ul > li.active > a {
  color: #009de0;
}

.site-menu > ul > li.active > a {
  border-top-width: 2px;
  border-top-color: #009de0;
}

.site-menu ul.sub-menu > li > a {
  color: #606975;
  text-transform: uppercase;
}

.site-menu ul.sub-menu > li:hover > a {
  color: #009de0;
}

.offcanvas-toggle {
  color: #000;
  border-right-color: #000;
  background-color: #fff;
}

.offcanvas-toggle:hover {
  color: #009de0;
}

.sub-menu, 
.toolbar-dropdown {
  width: auto;
  min-width: 110px;
  color: #606975;
}

.sub-menu.wide, 
.toolbar-dropdown.wide {
  min-width: 360px;
}

.toolbar .search, 
.toolbar .account, 
.toolbar .cart {
  color: #fff;
  border: 0;
  background-color: #00283a;
}

.toolbar .search:hover, 
.toolbar .account:hover, 
.toolbar .cart:hover {
  background-color: #009de0;
}

.account-link,
.offcanvas-container {
  background-color: #39393A;
}

.offcanvas-menu ul li a,
.offcanvas-menu ul li.has-children .sub-menu-toggle {
  border-color: #464648;
}

@media screen and (min-width: 1071px) and (max-width: 1200px) {
  .site-menu > ul {
    padding-left: 3.7em;
  }

  .site-menu > ul > li > a {
   
    padding: 0 12px;
  }

  .site-menu > ul > li > a > span {
    line-height: 1.4;
  }
}

/* content */
figure figcaption {
  position: relative;
}

figure figcaption h3 {
  font-size: 16px;
}

.contact-info .link {
  display: block;
  margin-top: 25px;
  font-size: 18px;
}

.contact-info p {
  min-height: 80px;
}

/* Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000; }

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url("../img/owl.video.play.png") no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease; }

.owl-carousel .owl-video-play-icon:hover {
  -ms-transform: scale(1.3, 1.3);
  transform: scale(1.3, 1.3); 
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none; 
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}

.hero-slider,
.hero-slider > .owl-carousel {
  min-height: auto;
}

.owl-carousel .owl-item img {
  width: 100%;
}

.embed-responsive-custom::before {
  padding-top: 21.05%;
}

/* product */
.product-card .product-title > a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.product-badge.badge-right {
  left: auto;
  right: 15px;
}

.product-badge.badge-icon {
  font-size: 22px;
}

.product-badge-Auslaufmodell, .product-badge-deal, .product-badge-neu, .product-badge-personalisierbar, .product-badge-basicseller, .product-badge-premium, .product-badge-Vorbestellbar {
	position: relative;
	height: 25px;
	
}

.product-badge-premium span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  border-left: 10px solid #000000;
  content: '';
  position: absolute;
 
  top: 0;
}

.product-badge-premium span span {
  background: #000000;
  text-transform: uppercase;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.product-badge-basicseller span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  border-left: 10px solid #59a4da;
  content: '';
  position: absolute;
 
  top: 0;
}

.product-badge-basicseller span span {
  background: #59a4da;
  text-transform: uppercase;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}


.product-badge-Auslaufmodell span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  border-left: 10px solid #ee7d30;
  content: '';
  position: absolute;
 
  top: 0;
}

.product-badge-Auslaufmodell span span {
  background: #ee7d30;
  text-transform: uppercase;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.product-badge-deal span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  padding: 0 10px 0 10px;
  border-left: 10px solid #ce2d26;
  content: '';
  position: absolute;
  
  top: 0;
}

.product-badge-deal span span {
  background: #ce2d26;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.product-badge-neu span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  padding: 0 10px 0 10px;
  border-left: 10px solid #5ea241;
  content: '';
  position: absolute;
  
  top: 0;
}

.product-badge-neu span span {
  background: #5ea241;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}

.product-badge-personalisierbar span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  padding: 0 10px 0 10px;
  border-left: 10px solid #2b3384;
  content: '';
  position: absolute;
  
  top: 0;
}
.product-badge-Vorbestellbar span::after {
  background: transparent;
  border-bottom: 22px solid transparent;
  padding: 0 10px 0 10px;
  border-left: 10px solid #2b3384;
  content: '';
  position: absolute;
  
  top: 0;
}
.product-badge-personalisierbar span span {
  background: #2b3384;
  text-transform: uppercase;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}
.product-badge-Vorbestellbar span span {
  background: #2b3384;
  text-transform: uppercase;
  border-radius: 3px 0 0 3px;
  color: #fff !important;
  display: inline-block !important;
  height: 22px;
  float: left;
  line-height: 22px;
  font-size: 12px;
  padding: 0 10px 0 10px;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.2s;
}


.empfehlungen .product-badge-premium span::after {
    border-bottom: 0px;   
}
.empfehlungen .product-badge-Vorbestellbar span::after {
    border-bottom: 0px;   
}
.empfehlungen .product-badge-personalisierbar span::after {
    border-bottom: 0px;   
}
.empfehlungen .product-badge-neu span::after {
    border-bottom: 0px;   
}
.empfehlungen .product-badge-Auslaufmodell span::after {
    border-bottom: 0px;   
}

.site-menu .product-badge-Auslaufmodell span span , .site-menu .product-badge-deal span span , .site-menu .product-badge-neu span span , .site-menu .product-badge-personalisierbar span span, .site-menu .product-badge-Vorbestellbar span span , .site-menu .product-badge-basicseller span span , .site-menu .product-badge-premium span span {
	font-size: 12px;
	line-height: 22px;
	height: 22px;
	
}


.strikethrough-diagonal {
  position: relative;
  
 
  
  &:before {
    position: absolute;
    content: '';
    left: 0;
    top: 45%;
    right: 0;
    border-top: 1px solid;
    border-color: red;
    -webkit-transform: skewY(-10deg);
    -moz-transform: skewY(-10deg);
    transform: skewY(-10deg);
  }
}


.owl-carousel .owl-item {
  text-align: center;
}

.gallery .item {
  text-align: center;
  margin-bottom: 20px;
}

.gallery .item .image-wrapper {
  display: block;
  overflow: hidden;
  margin-bottom: 5px;
}

.gallery .item .caption {
  font-size: 16px;
  font-weight: 500;
}

.gallery .item img {
  transition: all .3s ease-out;
}

.gallery .item:hover img {
  transform: scale(1.2) rotate(3deg);
}

.carousel-product .item {
  text-align: center;
}

.carousel-product .item img {
  display: block;
  margin: 0 auto;
}


/* checkout */
.checkout-steps > a.active,
.checkout-steps > a.active + a > .angle {
  background-color: #009de0;
}

.checkout-steps > a.active > .angle:after {
  border-left-color: #009de0;
}


/* footer */
.site-footer {
  background-color: #39393A;
}

.responsive-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.responsive-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

/* checkout wizard */
.wizard-center {
  position: relative;
  min-height: 48px;
}

.wizard-center h3 {
  font-size: 18px;
}

.wizard-center>.steps-container {
  margin-bottom: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.wizard-center>.steps-container .connector-line {
  position: relative;
  top: 19px;
  margin: 0 auto;
  width: 50%;
  height: 2px;
  background-color: #000;
}

.wizard-center ul.steps {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  list-style: none outside none;
  padding: 0;
  margin: 0;
  margin: 0 !important;
}

.wizard-center ul.steps>li {
  text-align: center;
  font-size: 16px;
}

.wizard-center ul.steps>li span {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wizard-center ul.steps>li:after {
  content: '';
  display: block;
  position: relative;
  bottom: 52px;
  margin: 0 auto;
  width: 100px;
  height: 1px;
  background-color: #eaeaea;
  left: 90px;
}

.wizard-center ul.steps>li:last-child:after {
  display: none;
}

.wizard-center ul.steps>li {
  padding-left: 30px;
  padding-right: 30px;
  min-width: 180px;
}

.wizard-center ul.steps>li.active .step-number {
  background: #009de0;
  color: #fff;
}

.wizard-center ul.steps>li.complete .step-number {
  background: #43d9a3;
  color: #fff;
  cursor: pointer;
}

.wizard-center ul.steps>li.complete .step-number:hover {
  background: #43d9a3;
}

.wizard-center ul.steps>li.complete .title:hover {
  cursor: pointer;
}

.wizard-center ul.steps>li.complete:after {
  background-color: #43d9a3;
}

@media screen and (max-width: 768px) {
  .wizard-center ul.steps>li {
      display: none;
  }
  .wizard-center ul.steps>li.active {
      display: block;
  }
  .wizard-center ul.steps>li:after {
      display: none;
  }
}

.wizard-center .step-number {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #e1e7ec;
}

.wizard-center .btn-prev,
.wizard-center .btn-next {
  margin-left: 20px;
}

.wizard-center .btn-prev i,
.wizard-center .btn-next i {
  margin: 0 5px;
}

.wizard-center .step-content .step-pane {
  display: none;
}

.wizard-center .step-content>.active {
  display: block;
}

.wizard-center .actions {
  margin-top: 30px;
  text-align: right;
}

.wizard-center .actions .btn {
  margin: 0 0 0 15px;
}

.shopping-cart-footer p {
  margin-bottom: 10px;
}

.checkout-total {
  font-size: 20px;
  font-weight: 700;
}

.parsley-errors-list {
  list-style: none;
}

.parsley-errors-list li {
  color: #ff5252;
}

.list-icon-feature li {
  margin-bottom: 25px;
}

.list-icon-feature li .title {
  margin-bottom: 3px;
  font-size: 16px;
}

.list-icon-feature li i {
  font-size: 24px;
  line-height: 1;
}

.list-icon-feature li .text {
  padding-left: 8px;
}

.list-icon-feature.bigger-icon li i {
  font-size: 36px;
}

.list-icon-feature.bigger-icon li .text {
  padding-left: 28px;
}

.page-seo-section {
  font-size: 11px;
}

.page-seo-section .seo-text-heading {
  font-size: 13px;
}

.page-heading img {
  width: 100%;
}

.pricing-table {
  border: 1px solid #ccc;
}

.pricing-table ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.pricing-table .pricing-col {
  border-right: 1px solid #ccc;
}

.pricing-table .pricing-col:last-child {
  border-right: 0;
}

.pricing-table .heading {
  text-align: center;
  background-color: #e1e7ec;
  padding: 15px 0;
}

.pricing-table .title {
  padding: 21px 0;
  background-color: #39393A;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.pricing-table .show-for-small-only {
  display: none;
}

.pricing-item li {
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 15px;
  font-weight: 500;
}

.pricing-item.pricing-product .bullet-item {
  background-color: #f6f6f6;
  font-weight: normal;
}

.pricing-item .description {
  color: #777;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .pricing-item .cta-button .btn {
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    white-space: normal;
    height: auto;
    line-height: 1.6;
  }
}

@media screen and (max-width: 576px) {
  .pricing-table,
  .pricing-table .pricing-col {
    border: 0;
  }

  .pricing-table .show-for-small-only {
    display: block;
  }

  .pricing-item {
    border: 1px solid #ccc;
  }

  .pricing-item.pricing-product {
    margin-bottom: 30px;
  }

  .pricing-item .cta-button .btn {
    padding: 10px 15px;
  }
}

.sidebar-widget {
  margin-bottom: 30px;
}

/* slick vertical slider */
.vertical-slider .slick-prev, 
.vertical-slider .slick-next {
  transition: all .4s;
  width: 100%;
  height: auto;
  background: #f5f5f5;
  color: #000;
  left: 0;
  right: 0;
}

.slick-prev:hover, 
.slick-prev:focus, 
.slick-next:hover, 
.slick-next:focus {
  background-color: #dcdbdb;
  color: inherit;
}

.slick-prev i, 
.slick-next i {
  font-size: 28px;
}

.vertical-slider .slick-prev {
  top: -14px;
}

.vertical-slider .slick-next {
  top: auto;
  bottom: -42px;
}

.slick-prev:before, 
.slick-next:before {
  display: none;
}

.vertical-slider {
  margin: 30px 0;
}

#vertical-thumbnail-slider {
  width: 102px;
}

.vertical-gallery .vertical-slider {
  float: left;
}

.vertical-gallery .vertical-slider > div {
  cursor: pointer;
}

.vertical-gallery .image-preview-wrapper {
  padding-left: 110px;
}

.vertical-gallery .image-preview-slider img {
  max-height: 465px;
}

.image-preview-slider #zoom-wrapper:hover {
  cursor: move;
}

.features-with-icon i {
  font-size: 32px;
  margin-bottom: 15px;
}


  .modal-xl {
    width: 90%;
   max-width:1200px;
  }

  .has-error {
  border-color: #dc3545; 
  }
  
  
  
.btn-primary1, .btn-primary, .btn-success, .rmBase__comp--cta {
  background-size: 300% !important;
  border-radius: 10px !important;
  background-image: linear-gradient(120deg,#00c8ff,#007fff 33%,#007fff,#00c8ff) !important;
  background-position: 0 0 !important;
  moz-transition: all .6s ease-in-out !important;
  -o-transition: all .6s ease-in-out !important;
  -webkit-transition: all .6s ease-in-out !important;
  transition: all .6s ease-in-out !important;
  font-family: Roboto !important;
  font-weight: 400 !important;
  font-size: 22px !important;
  padding: 15px 30px !important;
}

.btn-primary1:hover, .btn-primary:hover, .btn-success:hover, .toolbar .search:hover, .toolbar .account:hover, .toolbar .cart:hover, .rmBase__comp--cta:hover {
  background-position: 100% 0 !important;
  background-image: linear-gradient(120deg,#00c8ff,#007fff 33%,#007fff,#00c8ff) !important;
  moz-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  -webkit-transition: all .6s ease-in-;
}


.toolbar .search, .toolbar .account, .toolbar .cart {
  background-size: 300% !important;
  border-radius: 10px !important;
  background-image: linear-gradient(120deg,#00c8ff,#007fff 33%,#007fff,#00c8ff) !important;
  background-position: 0 0 !important;
  moz-transition: all .6s ease-in-out !important;
  -o-transition: all .6s ease-in-out !important;
  -webkit-transition: all .6s ease-in-out !important;
  transition: all .6s ease-in-out !important;
  padding: 2px 8px !important;
}


.product-card {
border: 0px;	
}


@media (min-width: 1200px) {
  .container {
    max-width: 1400px;
	width: inherit;
  }
}

.polygon-bg::before {
		  position: absolute;
		  -webkit-clip-path: polygon(0 0,65% 0,50% 100%,0% 100%);
		  clip-path: polygon(0 0,65% 0,50% 100%,0% 100%);
		  width: 100%;
		  height: 100%;
		  background: #f3f3f3;
		  content: ' ';
		}
		
		.font-rabatt {
			font-size: 2rem;
			line-height: 2rem;
			margin-bottom: 20px;
		}
		
		@media screen and (min-width: 992px) {
			.font-rabatt {
				font-size: 3rem;
				line-height: 3rem;
				margin-bottom: 20px;
			}
		}
		
		



.btn {
	text-transform: none;
	display: inline;
	border: 0;
	letter-spacing: inherit;
	height: inherit;
}
.btn-sm {
  height: 36px !important;
  padding: 5px 18px !important;
  border-radius: 5px !important;
  font-size: 16px !important;
  line-height: 16px !important;
}
.product-thumb {
	position: relative;
	margin-bottom: 25px !important;
}
.product-thumb-wk {
	position: relative;
}


.product-thumb:after {
  margin-bottom: 0;
  position: absolute;
  background-image: url(/img/product_shadow-1.webp);
  background-size: contain;
  background-position: center bottom;
  background-repeat: no-repeat;
  bottom: -38px;
  height: 50px;
  width: 80%;
  left: 10%;
  content: ' ';
  z-index: 2;
}

.product-title  {
		margin-top: 30px;
}

.content-spacer {
	margin-bottom: 3rem !important;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    background-color: #f3f3f3 !important;
}

.product-title h3 {
	font-size: 1.4rem;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



h3.product-title {
	margin-bottom:0px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}


h3.product-title a {
	font-family: "Roboto", sans-serif !important;
	font-size: 1.1rem !important;
	line-height: 32px !important;
	font-weight: 700 !important;
	margin-bottom:0px !important;
	overflow: hidden;
	text-overflow: ellipsis;
}
h4.product-price  {
	font-family: "Roboto", sans-serif !important;
	font-size: 1.2rem !important;
	line-height: 32px !important;
	font-weight: 400 !important;
	color: #222 !important;
	
}

.image_containter {
	position: relative;
}

.sub-menu1 {
  display: none;
  position: absolute;
  margin-top: -7px !important;
  
  padding: 10px 10px !important;
  border: 1px solid #e1e7ec;
  border-radius: 5px;
  background-color: #ffffff;
  line-height: 1.5;
  box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
  top: -4px;
  left: 100%;
  z-index: 10;
  width: 250px;
  text-align: left;
  line-height: 1.2rem;
  font-size: 1rem;
  text-transform: uppercase;
}

.mega-menu ul > li:hover > .sub-menu1 {
  display: block;
  -webkit-animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.mega-menu > li {
  overflow: visible;
}


.mega-menu .sub-menu1 > li > a {
  padding: 10px 10px !important;
  font-size: 14px;
  line-height: 1.5;
  text-transform: uppercase;
}

.mega-menu > li .mega-menu-title {
		color: inherit;
}


.site-menu ul > li > a {
  padding: 0px 30px 0px 0px;
}

.site-menu > ul > li.active > a {
  border-top-width: 0px;
  border-top-color: #009de0;
}

.toolbar {
    position: absolute;
    top: 0px;
    right: 15px;
    height: 100%;
    z-index: 5;
}

.site-menu > ul > li > a {
  letter-spacing: .05em;
  text-transform: none;
}
.site-menu > ul > li > a > span {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: normal;
}
.slider-home img {
    width: 100%;
    height: 450px!important;
    object-fit: cover;
    object-position: center;
}
.slider-home {
	max-width: 2100px;
}
@media screen and (min-width: 1071px) {
	.slider-home {
		margin-bottom: 6rem;
	}
	
}



p {
	font-size: 1.2rem;
	line-height: 1.7rem;
	
}
li {
  font-size: 1.2rem;
  line-height: 1.7rem;
}
h2 {
	font-size: 2.5rem;
	  line-height: 2.5rem;
	  letter-spacing: -0.05em;
	  font-weight: 400;
	  margin-bottom: 2.5rem !important;
	
}
h3 {
	font-weight: 700;
}
.cities a, .product-title a {
	color: #222;
}

.cities a:hover, .product-title a:hover {
	color: #009de0; 

}
.product-card:hover a {
	color: #009de0; 

}
.product-title h3 {
	font-weight: 700;
	font-family: Roboto,sans-serif !important;
	font-size: 1.1rem;
	line-height: 1.6rem;
	margin-bottom: 0px;
	
}
.product-title h4 {
	font-weight: 200;
	font-family: Roboto,sans-serif !important;
	font-size: 1.0rem;
	line-height: 1.4rem;
	margin-bottom: 0px;
	letter-spacing: -0.5px;
}

.site-footer p {
	font-size: 14px;
  font-weight: 500;
}
.promo-box { border: 0px;}


.sizerow td {
    font-size: 20px !important;
}



/* ===== Full-width Mega-Menüs ===== */
.site-menu .has-megamenu {
  position: static !important; /* wichtig, damit das Kind nicht am Container clippt */
}

.site-menu .has-megamenu > .mega-menu {
  position: absolute;
  left: 0;
  right: 0;
  width: 100vw; /* volle Viewportbreite */
  max-width: 100vw;
  margin-left: calc(-50vw + 50%);
  top: 100%;
  z-index: 999;
  background: #fff;
  box-shadow: 0 8px 25px rgba(0,0,0,0.15);
  padding: 20px 40px;
}

.offcanvas-menu > .menu,
.offcanvas-menu .offcanvas-submenu {
  height: auto !important;
  overflow: visible !important;
  transition: none !important; /* keine feste Höhe animieren */
}

.offcanvas-menu {
  overflow: visible !important;
}
