@charset "UTF-8";

@import url("bg.css");





:root {

  --primary-green:  #4eb2b7; /* Türkis */ /* #95c11f */

  --primary-orange: #f97d2b;

  --light-orange: #faa437;

  --primary-altrosa: #ce9ea2;

  --light-brown: #cfb390;

  --primary-brown: #ab8c65;

  --primary-rosa: #dc99d6;

  --light-violet: #000000; /* Schwarz */

  --primary-violet: #222; /* Grau */

  --primary-turquoise: #4eb2b7; /* Türkis */

  --light-rosa: #dbb8d8;

  --dark-green: #49652b;

  --light-green: #b1c903;

  --light-turquoise: #55bec3;

  --secondary-green: #a4e7ea; /* #018d36; */

  --primary-green-2: #65af23;

}





body, .bg-default, .bg-0 {

  color: #fff !important;

  background-color: #000 !important;

}





.bg-7, .bg-8 {

	color: #fff !important;

}





.rd-navbar, .rd-navbar-static {

  background: #000 !important;

}





.pre-footer-corporate {

	color: #000 !important;

}





.rd-navbar-static .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-nav > li > a:active, .rd-navbar-static .rd-navbar-nav > li > a:focus, .rd-navbar-sidebar .rd-navbar-nav > li > a, .rd-navbar-sidebar .rd-navbar-nav > li > a:active, .rd-navbar-sidebar .rd-navbar-nav > li > a:focus {

  color: #fff !important;

}





.rd-navbar-static .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav > li.active > a, .rd-navbar-sidebar .rd-navbar-nav > li.opened > a, .rd-navbar-sidebar .rd-navbar-nav > li.active > a {

  color: var(--primary-green) !important;

}





.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle {

  color: #fff;

}





.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-stuck .rd-navbar-nav > li .rd-navbar-megamenu, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li .rd-navbar-megamenu {

  margin-top: 51px;

}





.list-marked > li::before {

  background: #fff !important;

}





.list-marked > li, .list-marked-primary > li, .product-price {

  color: #fff !important;

}





.page .button-primary:hover, .page .button-primary:focus, .page .button-primary:active, .page .button-primary:hover {

	background-color: var(--light-turquoise) !important;

	border-color: var(--light-turquoise) !important;

}









/*.desktop-menu-list-item a:focus ~ .desktop-submenu-list, .desktop-menu-list-item:focus-within .desktop-submenu-list, .desktop-submenu-list:hover + li.desktop-menu-list-item {

  display: block !important;

  position: fixed;

}

.desktop-menu-list-item a:focus ~ .desktop-submenu-list, .desktop-menu-list-item:focus-within > li .desktop-menu-dark-bg, .desktop-menu-list-item:hover .desktop-menu-dark-bg, .desktop-menu-list-item:hover .desktop-submenu-list, .desktop-submenu-list:focus-within {





.rd-nav-item rd-navbar--has-megamenu rd-navbar-submenu a:focus ~ .rd-navbar-megamenu {

opacity: 1;

  visibility: visible;

}*/







body, .button, code, .code, .tooltip-custom .tooltip, .pagination-classic li a, .pagination-classic li span, .lg-outer .lg-dropdown a, .halloween-section .btn  {

    font-family: 'Ruda', sans-serif;

	}









body, .list-marked > li, .list-marked-primary > li, .product-price {

  color: #fff !important;

  }





h1, h2, h3, h4, h5, h6 {

  color: var(--primary-green) !important;

  }





.bg-6 h1, .bg-6 h2, .bg-6 h3, .bg-6 h4, .bg-6 h5, .bg-6 h6 {

  color: #000 !important;

  }





body {

  line-height: 1.67;

}





html.rd-navbar-fixed-linked .page {

  padding-top: 67px;

}





@media (min-width: 1200px) {

.page-header {

  height: 138px;

  }

}





.context-dark h1, .context-dark h2, .context-dark h3, .context-dark h4, .context-dark h5, .context-dark h6, .context-dark .list-marked > li, .context-dark .list-marked-primary > li {

  color: #fff !important;

  }





.text-green, .context-dark h1.text-green, .context-dark h2.text-green, .context-dark h3.text-green, .context-dark h4.text-green, .context-dark h5.text-green, .context-dark h6.text-green {

  color: var(--primary-green) !important;

  }



.text-danger {

  color: #f44 !important;

}



@media (min-width: 2000px) {

	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {

		max-width: 1600px;

	}

}





@media (min-width: 2800px) {

	.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {

		max-width: 2000px;

	}

}





@media (min-width: 1200px) {

body {

  font-size: 16px;

  }

}





@media (min-width: 1600px) {

body {

  font-size: 18px;

}





* + .isotope-wrap {

  margin-top: 30px;

}

}





@media (min-width: 2000px) {

body {

  font-size: 22px;

}

}





a, a:active, a:focus {

  color: var(--primary-green);

  text-decoration: none;

}





a:focus:not(:focus-visible), *:focus:not(:focus-visible) {

    outline: none



}





a:focus-visible, *:focus-visible {

    outline: 2px solid blue !important;

    outline-offset: 2px !important;

}





a:hover {

  color: var(--secondary-green);

  text-decoration: underline;

}





a.rd-nav-link, a.rd-nav-link:active, a.rd-nav-link:focus, a.rd-nav-link:hover, a.ui-to-top:hover, a.button, a.button:active, a.button:focus, a.button:hover, a.shopnav, a.shopnav:active, a.shopnav:focus, a.shopnav:hover  {

  text-decoration: none !important;

}



a.language-link, a.language-link:link, a.language-link:active  {

  text-decoration: none !important;

  color: #fff !important;

}



a.language-link:focus, a.language-link:hover  {

  text-decoration: none !important;

  color: #333 !important;

}





.product-title a {



	color: var(--primary-green);

}





.product-title a:hover {



	color: var(--secondary-green);

}





* + .isotope-wrap {



  margin-top: 30px;

}







.cursor-pointer {



    cursor:pointer;



}







a.top-bar-link, a.top-bar-link:active, a.top-bar-link:focus {



   color: #fff !important;



   text-decoration: none !important;



}







a.top-bar-link:hover {



   color: var(--secondary-green) !important;



   text-decoration: none !important;



}







.rd-navbar-nav-wrap {



  margin-top: 30px !important;



}







/*



Nur wen Button rechts neben Nav ist



@media (max-width: 1280px) {



 .rd-navbar-static .rd-navbar-panel + .rd-navbar-nav-wrap {



 margin-right: 50px;



 }



}



*/







.rd-navbar-static .rd-navbar-inner {



    padding: 15px 0;



}







.rd-navbar-static.rd-navbar--is-stuck .rd-navbar-inner, .rd-navbar-static.rd-navbar--is-clone .rd-navbar-inner {



    padding-top: 15px;



    padding-bottom: 15px;



}







.rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu {



  margin-top: 51px;



}







@media (min-width: 1200px) {



	.rd-navbar-fullwidth .rd-navbar-dropdown,



	.rd-navbar-static .rd-navbar-dropdown {



		width: 300px;



	}



}







.rd-navbar-static .rd-navbar-dropdown {



  padding-right: 15px;



  margin-left: -12px;



}







.rd-navbar-brand img {



	max-height: 100px; 



	display: inline-block;



	margin-top: 10px;



	margin-bottom: 10px;



}







.rd-navbar-fixed .rd-navbar-brand img {



    height: 60px;



}







@media (max-width: 1280px) {



.rd-navbar-fixed .rd-navbar-brand img {



	margin-top: 10px;



	margin-bottom: 10px;



}



}







.rd-navbar-fixed .rd-navbar-brand img:first-child {



    margin-left: 30px;



}







.rd-navbar-fixed .rd-navbar-panel {



  padding: 9px;



  height: 86px;



}







.rd-navbar-fixed .rd-navbar-brand {



  left: 66px;



  height: 86px;



}







.rd-navbar-toggle {



  width: 58px;



  height: 68px;



  margin-top: 3px;



}





.rd-navbar {

border-bottom: 1px solid var(--primary-violet);

}





.rd-navbar .rd-navbar-search__toggle::before {

  font-size: 24px;

}







.rd-navbar .rd-navbar-search__toggle::before, .rd-navbar .rd-navbar-search__toggle::after {



  font-weight: 700;



  padding: 0px;



  line-height: 28px;



}







.rd-navbar .rd-navbar-search__toggle {



  color: #000;



}







.rd-navbar .rd-navbar-search__toggle::after {



  font-size: 29px;



}







.rd-navbar .rd-search .form-input, .rd-navbar .rd-search .form-label {



  font-weight: 300;



  font-size: 16px;



  letter-spacing: 0.03em;



}







.rd-navbar-search .rd-search__submit::before {



  font: 400 20px 'Linearicons';



}







.rd-navbar-static .rd-navbar-inner > :last-child {



  padding-right: 10px;



}







.rd-navbar .rd-navbar-nav > li {



  text-align: left;



}







.rd-navbar .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-megamenu-list > li > a {



  font-size: 18px;



}







.rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a {



  font-size: 16px;



  padding: 6px 46px 6px 16px;



}







.rd-navbar-fixed .rd-navbar-megamenu > li + li {



  margin-top: 3px;



}







.rd-navbar-static .rd-navbar-nav > li {



  padding: 0 18px;



}







.rd-navbar-static .rd-navbar-nav > li:first-child {



  padding-left: 0px !important;



}







.rd-navbar-static .rd-navbar-nav > li:last-child, .rd-navbar-static .rd-navbar-nav > li:last-of-type {



  padding-right: 0px !important;



}







.rd-navbar .rd-navbar-nav > li > * {



  vertical-align: bottom;



}







.rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu:focus, .rd-navbar-static .rd-navbar-nav > .rd-navbar-submenu:focus-visible {



	opacity: 1 !important;



	visibility: visible !important;



}



.rd-nav-link:focus ~ .rd-navbar-megamenu, .rd-navbar-megamenu:focus-within {



	transform: translateY(0) !important;



}



.rd-nav-link:focus ~ .rd-navbar-megamenu, .rd-navbar-megamenu:focus-within {



	opacity: 1 !important;



	visibility: visible !important;



	transform: translateY(0) !important;



}







@media (max-width: 991px) {



.rd-navbar .rd-navbar-nav > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-megamenu-list > li > a {



  font-size: 15px;



}



.rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a {



  font-size: 15px;



}



.rd-navbar-fixed .rd-navbar-nav li.opened > .rd-navbar-megamenu {



  padding-top: 5px;



  padding-bottom: 10px;



}



.rd-navbar-fixed .rd-navbar-nav > li + li {



  margin-top: 1px;



}



.rd-navbar-fixed .rd-navbar-megamenu > li + li {



  margin-top: 1px;



}



}







.rd-navbar-static .rd-navbar-megamenu {



	max-width: none !important;



}







@media (min-width: 1600px) {



.rd-navbar-static .rd-navbar-megamenu {



	max-width: 1370px !important;



}



}







.rd-navbar-static .rd-navbar-megamenu {



  right: 0px !important;



  left: unset !important;



  min-height: 320px;



  }



  



.rd-navbar-static .rd-navbar-inner, .rd-navbar-static .rd-navbar-top-panel, .rd-navbar-static .rd-navbar-bottom-panel {



	max-width: none;



}











.rd-navbar-user {



  font-size: 25px !important;



  margin-top: -8px !important;



  text-decoration: none !important;



}







.rd-navbar-user-mobile {



  display: none !important;



  text-decoration: none !important;



}







@media (max-width: 1199px) {



.rd-navbar-user-mobile {



  display: block !important;



}



.rd-navbar-user {



  display: none !important;



}



}







.form-input {



  font-weight: 300;



  font-style: normal;



}







@media (min-width: 1200px) {



.rd-navbar .rd-search .form-input, .rd-navbar .rd-search .form-label {



  font-size: 22px;



}



.rd-navbar-search .rd-search__submit::before {



  font: 400 22px 'Linearicons';



}



}







@media (min-width: 992px) {



.button {



  padding: 12px 40px 10px;



}



}







.ui-to-top:hover {



	background: var(--primary-green);



}







@media (min-width: 576px) {



.ui-to-top {



		bottom: 15px;



	}



}







.toggle-title {



    color: #fff;



    background-color: var(--primary-green);



    border-color: var(--primary-green);



}







.list-styled {



    padding-left: 35px;



    list-style: disc;



}







section.section.hero-intro img  {



    width:100%;



}







.menu-text-p {



    color: #333;



    font-size: 14px;



    line-height: 26px;



    margin-top: 35px;



}







.hero-intro-overlay {



    top: 0;



    left: 0;



    z-index: 1;



    display: flex;



    justify-content: center;



    align-items: center;



    width: 100%;



    height: 100%;



}







.hero-intro-overlay-text {



    font-size: 1.5em;



}







@media (min-width: 768px) {



    .hero-intro-overlay-text {



        font-size: 2em;



		margin-top: -60px;



    }



}







@media (min-width: 992px) {



    .hero-intro-overlay-text {



        font-size: 2.5em;



		margin-top: -90px;



    }



}







.swiper-slider-1 {



	min-height: 37.5vw;



	max-height: 350px;



}







.swiper-slider-1 .swiper-title-2 {



	letter-spacing: .1em;



}







.swiper-slider-1 .swiper-title-3 {



	letter-spacing: .05em;



	font-family: "Kalam", cursive;



	text-transform: none;



}







.swiper-slider-1 .swiper-slide:after {



	content: '';



	position: absolute;



	left: 0;



	top: 0;



	right: 0;



	bottom: 0;



	z-index: 0;



	background: rgba(255, 255, 255, 0.25);



}







.swiper-slider-1 .swiper-slide-caption {



	z-index: 1;



}







.swiper-slider-1 * + .swiper-title-1 {



	margin-top: 8px;



}







.swiper-slider-1 * + .swiper-title-2 {



	margin-top: 10px;



}







@media (min-width: 768px) {



	.swiper-slider-1 * + .swiper-title-1 {



		margin-top: 12px;



	}



	.swiper-slider-1 * + .swiper-title-2 {



		margin-top: 16px;



	}



}







@media (min-width: 992px) {



	.swiper-slider-1 .swiper-slide:after {



		display: none;



	}



	.swiper-slider-1 .swiper-slide-caption {



		padding-right: 90px;



		padding-left: 90px;



	}



}







@media (min-width: 1200px) {



	.swiper-slider-1 * + .btn-wrap,



	.swiper-slider-1 * + .btn {



		margin-top: 40px;



	}



	.swiper-slider-1 * + .swiper-title-1 {



		margin-top: 18px;



	}



	.swiper-slider-1 * + .swiper-title-2 {



		margin-top: 24px;



	}



}







.headertext {



  z-index: 10;



  display: flex;



  flex-direction: column;



  width: 100%;



  align-items: flex-end;



  padding-right: 0;



  text-align: right;



  margin-bottom: 40px;



}











.heading-header, .heading-header2, .heading-header3 {



font-size: 30px;



line-height: 1.3;



font-weight: 700;



color: #000;



background-color: #fff;



padding: 10px;



display: inline-block;



width: fit-content;



}







.heading-header2 {



	font-weight: 300;



}







.heading-header3 {



	font-size: 22px;



	font-weight: 300;



}







.heading-icon {



	max-height: 24px;



	margin-right: 20px;



}







.heading-header-sub {



font-size: 24px;



line-height: 1.35;



font-weight: 400;



color: #000;



background-color: #fff;



padding: 10px;



display: inline-block;



width: fit-content;



}







.heading-header-sub2 {



	font-size: 16px;



	line-height: 1.25;



	font-weight: 300;



}







@media (min-width: 992px) {



.heading-header, .heading-header2 {



		font-size: 44px;



	}



.heading-header3 {



		font-size: 36px;



}



.heading-icon {



	max-height: 38px;



}



}



/*



@media (min-width: 1200px) {



.heading-header, .heading-header2 {



		font-size: 60px;



	}



.heading-header3 {



		font-size: 48px;



}



	.heading-header-sub {



		font-size: 36px;



		line-height: 1.43333;



	}



	.heading-header-sub2 {



		font-size: 24px;



		line-height: 1.35;



	}



.heading-icon {



	max-height: 50px;



}



}







@media (min-width: 1600px) {



.heading-header, .heading-header2 {



		font-size: 66px;



	}



.heading-header3 {



		font-size: 54px;



}



	.heading-header-sub {



		font-size: 40px;



	}



	.heading-header-sub2 {



		font-size: 28px;



	}



.heading-icon {



	max-height: 56px;



}



}







@media (min-width: 2000px) {



.heading-header, .heading-header2 {



		font-size: 72px;



	}



.heading-header3 {



		font-size: 66px;



}



	.heading-header-sub {



		font-size: 60px;



	}



	.heading-header-sub2 {



		font-size: 36px;



	}



.heading-icon {



	max-height: 80px;



}



}



*/







.img-thumbnail-variant-3 .caption, .thumb-modern__overlay {



  background-color: rgba(192, 225, 73, 0.8);



}







.img-teaser {



  height:420px;



  object-fit: cover;



}







.rund {



border-radius: 100%;



-webkit-border-radius: 100%;



-moz-border-radius: 100%;



}







.img-item-c {



  position: relative;



  /* border-radius: 11px; */



  overflow: hidden;



}







.div-item-c {



  position: relative;



  aspect-ratio: 1;



  text-align: center;



  width: 100%;



}







.img-item-c img, .img-item-c figure, .div-item-c div {



  width: 100%;



  height: 100%;



  object-fit: cover;



  max-height: 300px;



}







.div-item-c .bg-6:hover {



  background-color: var(--secondary-green) !important;



}







.img-item-c div {



  position: absolute;



  bottom: 25px;



  left: 21px;



  line-height: 1.6;



  padding: 0.2em 0.6em;



}







.hover-zoom {



  overflow: hidden;



}



.hover-zoom img {



  -webkit-transition: 1s ease;



  transition: 1s ease;



  width: 100%;



}







.hover-zoom:hover img {



  -webkit-transform: scale(1.08);



  transform: scale(1.08);



}







.hover-overlay {



  position: relative;



}



.hover-overlay img {



  width: 100%;



}



.hover-overlay::after {



  content: '';



  position: absolute;



  width: 100%;



  height: 100%;



  background: white;



  top: 0;



  left: 0;



  opacity: 0;



  transition: .4s;



}







.hover-overlay:hover:after {



  opacity: .3;



}











.image-2-grid {



  display: grid;



  grid-template-columns: 1fr 1fr;



  /* grid-template-rows: max(390px);



  grid-auto-rows: max(390px); */



  gap: 40px;



}







.image-3-grid {



  display: grid;



  grid-template-columns: repeat(3, 1fr);



  /* grid-template-rows: max(390px);



  grid-auto-rows: max(390px); */



  gap: 40px;



}







.image-4-grid {



  display: grid;



  grid-template-columns: repeat(4, 1fr);



  /* grid-template-rows: max(390px);



  grid-auto-rows: max(390px); */



  gap: 20px;



}







.image-5-grid {



  display: grid;



  grid-template-columns: repeat(5, 1fr);



  /* grid-template-rows: max(390px);



  grid-auto-rows: max(390px); */



  gap: 15px;



}







.image-6-grid {



  display: grid;



  grid-template-columns: repeat(6, 1fr);



  /* grid-template-rows: max(390px);



  grid-auto-rows: max(390px); */



  gap: 15px;



}







.image-4-grid img, .image-5-grid img {



  aspect-ratio: 1;



  object-fit: cover;



}







.image-6-grid img {



  aspect-ratio: 0.92;



  object-fit: cover;



}







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



  .image-2-grid, .image-3-grid {



    gap: 25px;



  }



  .image-4-grid {



    gap: 20px;



  }



}







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



.image-6-grid {



  display: grid;



  grid-template-columns: repeat(4, 1fr);



  gap: 15px;



}



  .image-2-grid, .image-3-grid, .image-4-grid, .image-5-grid {



    grid-template-columns: 1fr 1fr;



    gap: 15px;



  }



}







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



  .image-2-grid, .image-3-grid, .image-4-grid, .image-5-grid, .image-6-grid {



    grid-template-columns: 1fr 1fr;



    gap: 15px;



  }



}







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



  .image-2-grid, .image-3-grid, .image-4-grid, .image-5-grid, .image-6-grid {



    display: flex;



    flex-direction: column;



	width: 80%;



    margin-left: 10%;



    align-items: center;



  }



.image-2-grid, .image-3-grid {



  gap: 20px;



}



}







.img-item-c div, .div-item-c div {



    padding: 5px !important;



    justify-content: center;



    display: flex;



    bottom: 0px !important;



    left: 0px !important;



    width: 100%;



    font-size: 24px;



    align-items: center;



    height: 100%;



  }



  



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



  .div-item-c div {



    font-size: 20px;



  }



}



  



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



  .div-item-c div {



    font-size: 20px;



  }



}



  



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



  .div-item-c div {



    font-size: 22px;



  }



}











.carousel-item .citem-wrapper {



  display: flex;



  flex-direction: column;



  align-items: center;



  justify-content: center;



}







.carousel-item .avatar-wrapper {



  width: 125px;



  height: 125px;



}







.carousel-item .avatar-wrapper img {



  width: 100%;



  height: 100%;



  object-fit: cover;



}







.carousel-item .message {



  max-width: 62ch;



  line-height: 1.4;



  margin-top: 1.5em;



  text-align: center;



}







.carousel-item .name {



  max-width: 62ch;



  line-height: 1.4;



  margin-top: 1.5em;



  margin-bottom: 5px;



  font-size: 1.1rem;



}







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



.img-item-c div {



    line-height: 1.2;



    padding: 0 0.4em;



    padding-top: 0.2em;



	font-size: 18px;



  }



  



  .carousel-item .message {



    max-width: 35ch;



  }







  .carousel-item .message {



    margin-bottom: 1em;



  }







  .carousel-item .avatar-wrapper {



  width: 100px;



  height: 100px;



}



}







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



.img-item-c div {



	font-size: 24px;



  }



}







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



.carousel-control-next, .carousel-control-prev {



  align-items: flex-end;



    padding-bottom: 19px;



}



}











.post-minimal .label, .thumb-modern .label {



  position: absolute;



  top: 15px;



  right: 40px;



  background-color: var(--bs-danger);



  color: #ffffff;



  line-height: 1;



  padding: 0.5em 0.8em;



  font-weight: 500;



}



.thumb-modern .label {



  top: 10px;



  right: 25px;



  bottom: unset;



  left: unset;



}











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



  .post-minimal .label {



    top: 10px;



    right: 25px;



  }



}











@media (max-width: 576px) {



.img-teaser {



  height:240px;



  object-fit: cover;



}



}







.w-28 {



width: 25% !important;



}







.pt-6 {



	padding-top: 4.5rem !important;



}







.pt-7 {



	padding-top: 6rem !important;



}







.pb-6 {



	padding-bottom: 4.5rem !important;



}







.pb-7 {



	padding-bottom: 6rem !important;



}







.mt-6 {



	margin-top: 4.5rem !important;



}







.mt-7 {



	margin-top: 6rem !important;



}







.mb-6 {



	margin-bottom: 4.5rem !important;



}







.mb-7 {



	margin-bottom: 6rem !important;



}







@media (min-width: 992px) {



.pt-md-6 {



	padding-top: 4.5rem !important;



}







.pt-md-7 {



	padding-top: 6rem !important;



}







.pb-md-6 {



	padding-bottom: 4.5rem !important;



}







.pb-md-7 {



	padding-bottom: 6rem !important;



}







.mt-md-6 {



	margin-top: 4.5rem !important;



}







.mt-md-7 {



	margin-top: 6rem !important;



}







.mb-md-6 {



	margin-bottom: 4.5rem !important;



}







.mb-md-7 {



	margin-bottom: 6rem !important;



}



}







@media (max-width: 768px) {



.d-max-sm-none {



display: none !important;



}



}







@media (max-width: 992px) {



.d-max-md-none {



display: none !important;



}



}







@media (max-width: 1200px) {



.d-max-lg-none {



display: none !important;



}



}











@media (min-width: 2600px) {



	.col-xxxl {



		flex: 1 0 0%;



	}



	.col-xxxl-auto {



		flex: 0 0 auto;



		width: auto;



	}



	.col-xxxl-1 {



		flex: 0 0 auto;



		width: 8.33333%;



	}



	.col-xxxl-2 {



		flex: 0 0 auto;



		width: 16.66667%;



	}



	.col-xxxl-3 {



		flex: 0 0 auto;



		width: 25%;



	}



	.col-xxxl-4 {



		flex: 0 0 auto;



		width: 33.33333%;



	}



	.col-xxxl-5 {



		flex: 0 0 auto;



		width: 41.66667%;



	}



	.col-xxxl-6 {



		flex: 0 0 auto;



		width: 50%;



	}



	.col-xxxl-7 {



		flex: 0 0 auto;



		width: 58.33333%;



	}



	.col-xxxl-8 {



		flex: 0 0 auto;



		width: 66.66667%;



	}



	.col-xxxl-9 {



		flex: 0 0 auto;



		width: 75%;



	}



	.col-xxxl-10 {



		flex: 0 0 auto;



		width: 83.33333%;



	}



	.col-xxxl-11 {



		flex: 0 0 auto;



		width: 91.66667%;



	}



	.col-xxxl-12 {



		flex: 0 0 auto;



		width: 100%;



	}



}











.material-parallax img {



	max-width: 110%;



	display: inline-block !important;



}











.starthead {



	font-family: 'Klee One';



	font-size: 1.5em;



	font-weight: 600;



}











.list-marked, .list-ordered {



	text-align: left;



	margin-left: .5rem !important;



	margin-bottom: 22px !important;



}







.list-marked > li, .list-ordered > li {



	text-indent: -24px;



	padding-left: 24px;



}







.list-marked > li::before {



	position: relative;



	display: inline-block;



	left: 0;



	top: 0;



	content: '';



	height: 9px;



	width: 9px;



	margin-right: 15px;



	border-radius: 50%;



	background: var(--primary-green);



}







.text-white .list-marked > li::before, .text-white .list-ordered > li::before {



	background: #fff;



}







.list-marked > li + li, .list-ordered > li + li {



	margin-top: 5px;



}







* + .list-marked {



	margin-top: 10px;



}







.list-marked > li > .list-marked > li::before {



	content: '-';



	height: 0px;



	width: 0px;



	margin-right: 7px;



	margin-left: 5px;



}



.list-marked > li > .list-marked > li, .list-ordered > li > .list-ordered > li {



	text-indent: -12px;



	padding-left: 12px;



}







li > .list-marked, li > .list-ordered {



	margin-bottom: 7px !important;



}







.list-marked > li a, .list-marked-primary > li a, .list-marked > li a:active, .list-marked-primary > li a:active, .list-marked > li a:focus, .list-marked-primary > li a:focus, .list-ordered > li a, .list-ordered-primary > li a, .list-ordered > li a:active, .list-ordered-primary > li a:active, .list-ordered > li a:focus, .list-ordered-primary > li a:focus {



	display: inline !important;



}







.list-ordered {



	counter-reset: li;



	text-align: left;



}







.list-ordered > li::before {



	content: counter(li, decimal) ".";



	counter-increment: li;



	display: inline-block;



	top: 0;



	left: 0;



	text-indent: 0;



	width: 9px;



	color: inherit;



	margin-right: 15px;



	position: relative;



}







.list-ordered > li + li {



	margin-top: 5px;



}







* + .list-ordered {



	margin-top: 10px;



}







.acceptance {



   font-size: 0.9em;



   font-style: italic;



   margin-top: 42px;



}







.toc > h2 {



   margin-top: 0px !important;



   margin-bottom: 28px !important;



}







div[role=note] > h2 {



   margin-top: 0px !important;



   font-size: 25px !important;



   margin-bottom: 12px !important;



 }



 



div[role=note] > h2 > .icon {



   display: none !important;



}







.video-container {



    position: relative;



    padding-bottom: 56.25%;



    padding-top: 0;



    height: 0;



    overflow: hidden;



}











.video-container iframe,



.video-container object,



.video-container video,



.video-container embed, 



.video-container img {



    position: absolute;



    top: 0;



    left: 0;



    width: 100%;



    height: 100%;



}







.pic-container {



  position: relative;



  top: 0;



  left: 0;



  width: 100%;



  height: fit-content;



  min-height: 240px;



  display: flex;



  justify-content: flex-end;



  flex-direction: column;



}











.certificate-grid {



    -moz-column-count: 1;



    column-count: 1;



    -moz-column-gap: 8em;



    column-gap: 8em;



}











.content-section h2 {



    margin:25px 0;



}











.content-section h3 {



    margin:20px 0;



}











.content-section h4 {



    margin:15px 0;



}











.content-section h5 {



    margin:10px 0;



}











.content-section h6 {



    margin:10px 0;



}











.certificate-grid p {



    margin-bottom: 15px;



}











.text-kat {



	font-size: 16px;



	line-height: 2em;



	color: #151515;



}











.text-left {



	text-align: left !important;



}











.text-right {



	text-align: right !important;



}















.btn-xs {



	padding: 1px 18px;



	font-size: 13px;



	line-height: 2;



}







@media (min-width: 768px) {



	.btn-xs {



		padding: 4px 24px;



	}



}







@media (min-width: 992px) {



	.btn-xs {



		padding: 7px 32px;



	}



}











@media(min-width:1024px) {



    .certificate-grid {



        -moz-column-count: 2;



        column-count: 2;



        -moz-column-gap: 8em;



        column-gap: 8em;



    }



}











@media (min-width: 1200px) and (min-height: 800px) {



  .section-xs:first-of-type, .section-sm:first-of-type, .section-md:first-of-type, .section-lg:first-of-type {



    padding-top: 60px;



  }



}







footer {



	margin-top: 80px;



	border-top: 1px solid var(--primary-violet);



}















figcaption p {



padding-bottom: 15px;



font-size: 0.9rem;



}







.pre-footer-corporate {



  background: #f2f2f2;



  color: #fff !important;



  }



  



  



.container table {



	width: 100%;



	padding: 0px;



	margin: 0px;



	border-spacing: 0px;



	border-collapse: collapse;



}



.container table td {



	margin: 0px;



	padding: 4px;



	padding-right: 10px;



	padding-left: 0px;



	vertical-align: top;



	border-bottom: 1px solid #6D6E71;



}



.container table th {



	margin: 0px;



	padding: 0px;



	padding-right: 10px;



	padding-bottom: 3px;



	font-weight: bold;



	vertical-align: top;



	border-bottom: 2px solid #6D6E71;



}















.owl-style-7 {



	padding: 0 15px;



}







.owl-style-7 .owl-nav {



	display: block;  /* none bei unsichtbar auf Handys */



}







.owl-style-7 .owl-prev,



.owl-style-7 .owl-next {



	top: 35%;



	transform: none;



}







.owl-style-7 .owl-prev {



	left: 0px;



}







.owl-style-7 .owl-next {



	right: 0px;



}







@media (min-width: 768px) {



	.owl-style-7 {



		padding: 0 75px;



	}



	.owl-style-7 .owl-nav {



		display: block;



	}



}







@media (min-width: 768px) {



	* + .owl-style-7 {



		margin-top: 60px;



	}



}







.post-creative-figure {



	margin-bottom: 20px;



}







.post-creative-title {



	font-size: 16px;



	font-weight: 300;



}







@media (min-width: 768px) {



	.post-creative-title {



		font-size: 18px;



	}



}







@media (min-width: 1200px) {



	.post-creative-title {



		font-size: 20px;



	}



}















html .group-sm {



	margin-bottom: -10px;



	margin-right: -20px;



}







html .group-sm:empty {



	margin-bottom: 0;



	margin-right: 0;



}







html .group-sm > * {



	display: inline-block;



	margin-top: 0;



	margin-bottom: 10px;



	margin-right: 20px;



}







html .group-md {



	margin-bottom: -20px;



	margin-right: -25px;



}







html .group-md:empty {



	margin-bottom: 0;



	margin-right: 0;



}







html .group-md > * {



	display: inline-block;



	margin-top: 0;



	margin-bottom: 20px;



	margin-right: 25px;



}







html .group-lg {



	margin-bottom: -20px;



	margin-right: -30px;



}







html .group-lg:empty {



	margin-bottom: 0;



	margin-right: 0;



}







html .group-lg > * {



	display: inline-block;



	margin-top: 0;



	margin-bottom: 20px;



	margin-right: 30px;



}











* + .group-sm {



	margin-top: 30px;



}







* + .group-md {



	margin-top: 30px;



}







* + .group-lg {



	margin-top: 30px;



}



















/* Clickdummy Apos */







.parallax-container, .headersmall {



  min-height: 160px !important;



}







.material-parallax img {



  object-fit: cover;



}







@media (min-width: 572px) {



  .parallax-container {



  min-height: 320px;



 }



 .headersmall {



  min-height: 280px !important;



 }



}







  .parallax-header__content {



    padding: 140px 0 20px;



  }







.parallax-header__start {



    padding: 80px 0 100px !important;



  }











@media (min-width: 768px) {



  .parallax-container {



  min-height: 450px;



 }



 .headersmall {



  min-height: 350px !important;



 }



  .parallax-header__content {



    padding: 300px 0 20px;



  }



}







@media (min-width: 992px) {



  .parallax-container {



  min-height: 620px;



 }



 .headersmall {



  min-height: 400px !important;



 }



 .parallax-header__inner {



    min-height: 40vw;



  }



  .headersmall .parallax-header__inner {



    min-height: 33vw;



  }



  .parallax-header__content {



    padding: 400px 0 20px;



  }



  .headersmall .parallax-header__content {



    padding: 220px 0 20px;



  }



}







@media (max-width: 768px) {



.parallax-header__start {



    padding: 30px 0 30px !important;



	min-height: 220px;



  }



}







@media (min-width: 1200px) {



  .parallax-header__content {



    padding: 360px 0 20px;



  }



.parallax-header__start {



    padding: 20px 0 80px !important;



  }



}







@media (min-width: 1400px) {



  .parallax-header__content {



    padding: 380px 0 20px;



  }



  .headersmall .parallax-header__content {



    padding: 280px 0 20px;



  }



}







@media (min-width: 2000px) {



  .parallax-header__content {



    padding: 560px 0 20px;



  }



  .headersmall .parallax-header__content {



    padding: 460px 0 20px;



  }



.parallax-header__start {



    padding: 0px 0 280px !important;



  }



}







@media (max-width: 1199.98px) {



  .parallax-header.context-light::after, .parallax-header.bg-gray-lighter::after {



    background: transparent;



  }



}







.rd-navbar-static .rd-navbar-nav-wrap {



  -webkit-flex-direction: row;



  -ms-flex-direction: row;



  flex-direction: row;



}







.rd-navbar-static .rd-navbar-inner > *, .rd-navbar-static .rd-navbar-top-panel__content-top > *, .rd-navbar-static .rd-navbar-top-panel__content-bottom > * {



  padding: 0px 25px 0px 25px;



}







/*



.rd-navbar-submenu-toggle::after {



display: none !important;



}



*/







.rd-navbar-static .rd-navbar-inner, .rd-navbar-static .rd-navbar-nav-wrap, .rd-navbar-static .rd-navbar-top-panel__content-top, .rd-navbar-static .rd-navbar-top-panel__content-bottom {



  justify-content: flex-end;



}







.rd-dropdown-link, a.rd-dropdown-link:link, a.rd-dropdown-link:active, a.rd-dropdown-link:focus, .rd-megamenu-list-link, a.rd-megamenu-list-link:link, a.rd-megamenu-list-link:active, a.rd-megamenu-list-link:focus {



  text-decoration: none !important;



}







.rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-megamenu {



  background: #121212;



}







.rd-navbar-fullwidth .rd-navbar-dropdown, .rd-navbar-fullwidth .rd-navbar-megamenu, .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu {



  border: 1px solid #121212;



}







.rd-navbar-fullwidth .rd-navbar-megamenu > li + li::before, .rd-navbar-static .rd-navbar-megamenu > li + li::before {



  border-right: 1px solid #121212;



}







.rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:focus, .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:active, .rd-navbar-fullwidth .rd-megamenu-list > li > a, .rd-navbar-fullwidth .rd-megamenu-list > li > a:focus, .rd-navbar-fullwidth .rd-megamenu-list > li > a:active, .rd-navbar-static .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a:focus, .rd-navbar-static .rd-navbar-dropdown > li > a:active, .rd-navbar-static .rd-megamenu-list > li > a, .rd-navbar-static .rd-megamenu-list > li > a:focus, .rd-navbar-static .rd-megamenu-list > li > a:active {



  color: #fff;



}











.rd-navbar-fixed .rd-navbar-panel {



  color: #fff;



  background: #000;



}







.rd-navbar-toggle {



  color: #fff;



}



.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {



  background-color: #fff;



}







.rd-navbar-fixed .rd-navbar-nav-wrap {



  color: #fff;



  background: #121212;



  border-color: #121212;



}







.rd-navbar-fixed .rd-navbar-nav li > a {



  color: #fff;



}







.rd-navbar-fixed .rd-megamenu-list > li > a, .rd-navbar-fixed .rd-navbar-dropdown > li > a {



  color: #fff;



}







/* Products */







.product {



	position: relative;



	text-align: center;



	padding: 20px 15px 30px;



	max-width: 300px;



	margin-left: auto;



	margin-right: auto;



	z-index: 1;



}







.product::before {



	position: absolute;



	content: '';



	top: 0;



	right: 0;



	bottom: 0;



	left: 0;



	background: #222;



	border-radius: 6px;



	pointer-events: none;



	z-index: -1;



}







.product-2 .product-figure {



	min-height: 220px;



}







.product-figure {



	display: flex;



	align-items: flex-end;



	justify-content: center;



	min-height: 180px;



}







.product-title {



	letter-spacing: 0;



	font-size: 16px !important;



	min-height: 62px;

	

}







.product-price {



	display: inline-block;



	vertical-align: middle;



	font-size: 15px;



	line-height: 1.3;



	font-weight: 400;



	letter-spacing: 0;



	color: #94a498;



}







.product-price-old {



	font-weight: 400;



	text-decoration: line-through;



	color: rgba(21, 21, 21, 0.5);



}







.product-price-old + .product-price {



	margin-left: 8px;



}







.product-badge {



	display: inline-block;



	position: absolute;



	text-align: center;



	top: 25px;



	right: 25px;



	padding: 5px 12px;



	font-size: 14px;



	line-height: 1;



	letter-spacing: .02em;



	text-transform: uppercase;

	

	font-weight: 500;



	border-radius: 6px;



	color: #ffffff;



	z-index: 1;



}







.product-badge-new {



	background: #93a6ab;



}







.product-badge-sale {



	background: var(--primary-turquoise);



}







.product-button-wrap {



	display: flex;



	align-items: center;



	justify-content: center;



}







.product-button .btn {



	text-align: center;



	padding: 0;



	width: 50px;



	height: 50px;



	font-size: 20px;



	line-height: 46px;



	border-radius: 50%;



}







.product-button + .product-button {



	margin-left: 20px;



}







.box-rating {



	font-size: 0;



	line-height: 0;



}







.box-rating > * {



	font-size: 19px;



	color: #ffcc00;



	vertical-align: middle;



}







* + .product-title {



	margin-top: 15px;



}







* + .product-price-wrap {



	margin-top: 0;



}







* + .product-button-wrap {



	margin-top: 15px;



}







@media (min-width: 992px) and (max-width: 1199.98px) {



	.product-3 .product-figure {



		min-height: 180px;



	}



}







@media (min-width: 992px) {



	.product-2 .product-figure {



		min-height: 240px;



	}



	.product-figure {



		min-height: 200px;



	}



}







@media (min-width: 992px) {



	.desktop .product {



		padding-bottom: 40px;



	}



	.desktop .product::before {



		display: none;



	}



	.desktop .product-badge,



	.desktop .product-body {



		transition: all .2s ease;



	}



	.desktop .product-button-wrap {



		align-items: flex-end;



		position: absolute;



		content: '';



		top: 0;



		right: 0;



		bottom: 0;



		left: 0;



		padding: 20px 20px 40px;



		background: #222;



		border-radius: 6px;



		transition: all .2s ease;



		z-index: -1;



	}



	.desktop .product-button {



		opacity: 0;



		transform: scale(0);



		transition: all .15s ease;



	}



	.desktop .product:hover {



		z-index: 2;



	}



	.desktop .product:hover .product-badge,



	.desktop .product:hover .product-body {



		transform: translate3d(0, -18px, 0);



	}



	.desktop .product:hover .product-button-wrap {



		top: -10px;



		bottom: -10px;



		background: #222;



		box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);



	}



	.desktop .product:hover .product-button {



		opacity: 1;



		transform: none;



		transition-duration: .3s;



	}



	.desktop .product:hover .product-button:nth-child(1) {



		transition-delay: .1s;



	}



	.desktop .product:hover .product-button:nth-child(2) {



		transition-delay: .25s;



	}



	.desktop * + .product-button-wrap {



		margin-top: 0;



	}



	.desktop .bg-gray-1 .product-button-wrap,



	.desktop .bg-image-1 .product-button-wrap {



		background: #ffffff;



	}



	.desktop .bg-image-1 .product-button-wrap {



		box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);



	}



}







.bg-gray-1 .product::before,



.bg-image-1 .product::before {



	background: #222;



}







.bg-image-1 .product::before {



	box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);



}







.product-wrap-1 {



	padding: 30px 15px;



}







@media (min-width: 1200px) {



	.product-wrap-1 {



		padding: 40px;



	}



}







.product-modern {



	position: relative;



	text-align: left;



	overflow: hidden;



	border-radius: 6px;



	background: #ffffff;



	box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);



	max-width: 300px;



	margin-left: auto;



	margin-right: auto;



}







.product-modern .product-badge {



	top: 15px;



	right: auto;



	left: 15px;



}







.product-modern .unit-left {



	display: flex;



	align-items: stretch;



}







.product-modern .unit-body {



	display: flex;



	align-items: center;



}







.product-modern-figure {



	display: flex;



	align-items: center;



	background: #f5f5f5;



}







.product-modern-figure img {



	width: 100%;



}







.product-modern-body {



	width: 100%;



	padding: 20px 5% 20px 8%;



}







.product-modern-title {



	font-weight: 500;



	letter-spacing: .05em;



	text-transform: none;



}







* + .product-modern-text {



	margin-top: 12px;



}







.product-modern-title + .product-price-wrap {



	margin-top: 4px;



}







.product-modern-text + .btn {



	margin-top: 20px;



}







@media (min-width: 576px) {



	.product-modern {



		max-width: none;



	}



}







@media (min-width: 576px) and (max-width: 767.98px) {



	.product-modern-figure img {



		max-width: 230px;



	}



}







@media (min-width: 768px) {



	.product-modern .product-badge {



		top: 20px;



		left: 25px;



	}



	* + .product-modern-text {



		margin-top: 18px;



	}



	.product-modern-text + .btn {



		margin-top: 30px;



	}



}







@media (min-width: 992px) and (max-width: 1199.98px) {



	.product-modern-figure img {



		max-width: 230px;



	}



}







.product-creative {



	text-align: center;



}







.product-creative-title {



	font-weight: 600;



	letter-spacing: .05em;



}







.product-creative-price {



	display: inline-block;



	vertical-align: middle;



	font-size: 18px;



	line-height: 1;



	font-weight: 700;



	letter-spacing: 0;



	color: #94a498;



}







.product-creative-price-old {



	color: #a3a3a3;



	font-weight: 400;



	text-decoration: line-through;



}







.product-creative-price-old + .product-creative-price {



	margin-left: 8px;



}







* + .product-creative-title {



	margin-top: 16px;



}







* + .product-creative-price-wrap {



	margin-top: 6px;



}







.product-beth {



	text-align: center;



}







.product-beth-badge {



	font-size: 14px;



	letter-spacing: .3em;



	text-transform: uppercase;



	color: #94a498;



}







.product-beth-title {



	font-weight: 500;



	letter-spacing: .01em;



	text-transform: capitalize;



}







.product-beth-subtitle {



	font-weight: 500;



	letter-spacing: .05em;



	text-transform: none;



}







* + .product-beth-title {



	margin-top: 14px;



}







* + .product-beth-subtitle {



	margin-top: 14px;



}







@media (min-width: 768px) {



	.product-beth {



		text-align: left;



	}



	* + .product-beth-subtitle {



		margin-top: 20px;



	}



	* + .product-beth-text {



		margin-top: 20px;



	}



	.product-beth-text + .group-middle {



		margin-top: 40px;



	}



}







@media (min-width: 992px) {



	* + .product-beth-subtitle {



		margin-top: 20px;



	}



	* + .product-beth-text {



		margin-top: 30px;



	}



	.product-beth-text + .group-middle {



		margin-top: 50px;



	}



}







.product-dawn {



	display: flex;



	align-items: center;



	overflow: hidden;



	text-align: left;



	min-height: 100%;



	color: #151515;



}







.product-dawn .unit-body {



	padding: 10px 10px 10px 20px;



}







.product-dawn .unit-left {



	flex-basis: 40%;



	max-width: 40%;



}







.product-dawn-bg-1 {



	background: #fbfaee;



}







.product-dawn-bg-2 {



	background: #e4eff0;



}







.product-dawn-bg-3 {



	background: #ecf2df;



}







.product-dawn-bg-4 {



	background: #e1edf2;



}







.product-dawn-button, .product-dawn-button:focus {



	color: #679a78;



	background-color: #707475;



	border-color: #707475;



}







.product-dawn-title {



	color: rgba(21, 21, 21, 0.4);



}







.product-dawn-title > * {



	color: inherit;



	line-height: 1.2;



}







.product-dawn-title-big {



	letter-spacing: .15em;



}







.product-dawn-title-small {



	letter-spacing: .1em;



	text-transform: uppercase;



}







.product-dawn-price {



	line-height: 1.2;



	letter-spacing: .025em;



}







* + .product-dawn-price {



	margin-top: 8px;



}







.product-dawn-price + .btn {



	margin-top: 14px;



}







@media (min-width: 576px) {



	.product-dawn .unit-left {



		flex-basis: 37%;



		max-width: 37%;



	}



}







@media (min-width: 768px) {



	.product-dawn .unit-body {



		padding-left: 30px;



	}



	* + .product-dawn-price {



		margin-top: 14px;



	}



	.product-dawn-price + .btn {



		margin-top: 20px;



	}



}







@media (min-width: 1200px) {



	.product-dawn .unit-left {



		flex-basis: 50%;



		max-width: 50%;



	}



	* + .product-dawn-price {



		margin-top: 26px;



	}



	.product-dawn-price + .btn {



		margin-top: 35px;



	}



}







@media (min-width: 992px) {



	.desktop .product-dawn-figure img {



		transform: translate3d(-15px, 0, 0);



		transition: all .3s ease;



		will-change: transform;



	}



	.desktop .product-dawn:hover .product-dawn-figure img {



		transform: none;



	}



	.desktop .product-dawn:hover .product-dawn-button, .desktop .product-dawn:hover .product-dawn-button:focus {



		color: #ffffff;



		background-color: #94a498;



		border-color: #94a498;



	}



}







.product-terri {



	text-align: center;



	max-width: 220px;



	margin-left: auto;



	margin-right: auto;



}







.product-terri-title {



	letter-spacing: .15em;



}







.product-terri-price {



	display: inline-block;



	vertical-align: middle;



	font-size: 18px;



	line-height: 1;



	font-weight: 700;



	letter-spacing: 0;



	color: #94a498;



}







.product-terri-price-old {



	font-weight: 400;



	text-decoration: line-through;



	color: rgba(21, 21, 21, 0.5);



}







.product-terri-price-old + .product-terri-price {



	margin-left: 8px;



}







.product-terri-figure {



	display: flex;



	align-items: flex-end;



	justify-content: center;



	min-height: 160px;



}







* + .product-terri-price-wrap {



	margin-top: 5px;



}







* + .product-terri-figure {



	margin-top: 16px;



}







@media (min-width: 576px) {



	.product-terri {



		text-align: center;



		max-width: none;



		margin-left: 0;



		margin-right: 0;



	}



	.product-terri-figure {



		min-height: 260px;



	}



}







@media (min-width: 1200px) {



	.product-terri-figure {



		min-height: 280px;



	}



}







.product-minimal-figure {



	display: block;



	overflow: hidden;



	background: #f5f5f5;



}







.product-minimal-figure img {



	width: 100%;



	will-change: transform;



	transition: all .3s ease;



}







.product-minimal-title {



	color: #151515;



}







.product-minimal-title a, .product-minimal-title a:focus, .product-minimal-title a:active {



	color: inherit;



}







.product-minimal-title a:hover {



	color: #94a498;



}







.product-minimal-price {



	line-height: 1;



	letter-spacing: .025em;



	color: #94a498;



}







* + .product-minimal-price {



	margin-top: 8px;



}







@media (min-width: 992px) {



	.desktop .product-minimal:hover .product-minimal-figure img {



		transform: scale(1.05);



	}



}







.product-top-panel {



	display: flex;



	flex-wrap: wrap;



	align-items: center;



	justify-content: center;



	color: #151515;



}







.product-view-link {



	vertical-align: middle;



	font-size: 24px;



	line-height: 1;



}







.product-view-link, .product-view-link:focus, .product-view-link:active {



	color: inherit;



}







.product-view-link:hover {



	color: #94a498;



}







.product-view-link.active {



	color: #94a498;



}







.product-top-panel + .row {



	margin-top: 40px;



}







@media (min-width: 576px) {



	.product-top-panel {



		justify-content: space-between;



	}



}







@media (min-width: 992px) {



	.product-top-panel + .row {



		margin-top: 55px;



	}



}







.list-shop-filter .checkbox, .list-shop-filter .checkbox-inline {



	font-size: 15px;



	line-height: 1.6;



	letter-spacing: .1em;



	font-family: "Libre Franklin", Helvetica, Arial, sans-serif;



	color: #151515;



}







.list-shop-filter li {



	display: flex;



	align-items: center;



	justify-content: space-between;



}







.list-shop-filter li > span {



	letter-spacing: .1em;



}







.list-shop-filter li + li {



	margin-top: 12px;



}







* + .list-shop-filter {



	margin-top: 24px;



}







@media (min-width: 1200px) {



	.list-shop-filter .checkbox, .list-shop-filter .checkbox-inline {



		padding-left: 40px;



	}



}







.single-product {



	text-align: left;



	color: #fff;



}







.single-product .list-marked > li, .single-product .list-marked-primary > li {



  color: #fff !important;



  }



  



.single-product .list-marked > li::before {



	background: #fff !important;



}







.single-product .btn {



	min-width: 176px;



}







.single-product p + hr {



	margin-top: 15px;



}







.single-product h3 + .group-middle {



	margin-top: 20px;



}







.single-product hr + .group-middle {



	margin-top: 20px;



}







.single-product .group-middle + p {



	margin-top: 20px;



}







.single-product .group-middle + hr {



	margin-top: 35px;



}







@media (min-width: 768px) {



	.single-product .group-middle + p {



		margin-top: 30px;



	}



	.single-product hr + .group-middle {



		margin-top: 30px;



	}



}







.single-product-price {



	display: inline-block;



	vertical-align: middle;



	font-size: 24px;



	line-height: 1;



	font-weight: 500;



	letter-spacing: .05em;



	color: var(--primary-green);



}







.single-product-rating .icon {



	font-size: 25px;



	color: #ffcc00;



}







.single-product-info .icon {



	color: rgba(21, 21, 21, 0.1);



}







.list-description {



	text-align: left;



	letter-spacing: .025em;



}







.list-description li > * {



	display: inline-block;



	vertical-align: middle;



}







.list-description li span:first-child {



	margin-right: 4px;



}







.list-description li span:last-child {



	color: #777777;



}







.list-description li + li {



	margin-top: 6px;



}







* + .list-description {



	margin-top: 20px;



}







.list-description + .group-middle {



	margin-top: 30px;



}







@media (min-width: 768px) {



	* + .list-description {



		margin-top: 30px;



	}



}







.box-radio {



	text-align: left;



	padding: 28px 15px;



	border: 1px solid #e1e1e1;



}







.radio-panel-content {



	height: 0;



	max-height: 0;



	opacity: 0;



	letter-spacing: .05em;



	color: #9b9b9b;



}







.radio .radio-custom[type="checkbox"], .radio .radio-custom-dummy, .radio-inline .radio-custom[type="checkbox"], .radio-inline .radio-custom-dummy, .checkbox .checkbox-custom[type="checkbox"], .checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom[type="checkbox"], .checkbox-inline .checkbox-custom-dummy {



  width: 20px;



  height: 20px;



  margin-left: -30px;



}



.checkbox .checkbox-custom-dummy, .checkbox-inline .checkbox-custom[type="checkbox"], .checkbox-inline .checkbox-custom-dummy {



  margin-left: 0px;



}







.radio-panel .radio-inline {



	font-size: 16px;



	font-weight: 500;



	color: #fff;



}







.radio-panel .radio-inline.active + .radio-panel-content {



	opacity: 1;



	height: 100%;



	max-height: 100%;



	transition: opacity .3s ease-out;



}







@media (min-width: 768px) {



	.radio-panel .radio-custom,



	.radio-panel .radio-custom-dummy {



		top: 2px;



	}



}







.radio-panel-content {



	letter-spacing: .025em;



}







* + .box-radio {



	margin-top: 30px;



}







* + .radio-panel-content {



	margin-top: 5px;



}







.radio-panel + .radio-panel {



	margin-top: 8px;



}







@media (min-width: 576px) {



	.box-radio {



		padding-left: 26px;



		padding-right: 26px;



	}



}







@media (min-width: 768px) {



	* + .box-radio {



		margin-top: 40px;



	}



}







@media (min-width: 992px) {



	* + .box-radio {



		margin-top: 50px;



	}



}







.pricing-classic {



	overflow: hidden;



	max-width: 346px;



	margin-left: auto;



	margin-right: auto;



	border-radius: 6px;



	box-shadow: 3px 6px 6px 0 rgba(0, 0, 0, 0.11);



	background: #f5f5f5;



}







.pricing-classic .product-badge {



	position: static;



	top: auto;



	left: auto;



	right: auto;



}







.pricing-classic .btn-zakaria:after {



	background: #f5f5f5;



}







.pricing-classic-sale .pricing-classic-caption {



	padding-bottom: 40px;



}







.pricing-classic-figure {



	width: 100%;



}







.pricing-classic-header {



	position: relative;



}







.pricing-classic-caption {



	display: flex;



	align-items: center;



	justify-content: center;



	position: absolute;



	top: 0;



	right: 0;



	bottom: 0;



	left: 0;



	padding: 15px;



}







.pricing-classic-title {



	font-weight: 500;



	letter-spacing: 0;



	text-transform: none;



	color: #ffffff;



}







.pricing-classic-price-wrap {



	display: flex;



	align-items: center;



	justify-content: center;



	margin-bottom: -10px;



	margin-left: -10px;



}







.pricing-classic-price-wrap:empty {



	margin-bottom: 0;



	margin-left: 0;



}







.pricing-classic-price-wrap > * {



	display: inline-block;



	margin-top: 0;



	margin-bottom: 10px;



	margin-left: 10px;



}







.pricing-classic-price {



	font-weight: 400;



	letter-spacing: 0;



	color: #ffffff;



}







.pricing-classic-price-old {



	text-decoration: line-through;



}







.pricing-classic-body {



	position: relative;



	padding: 30px 15px;



}







.pricing-classic-body::before {



	position: absolute;



	content: '';



	bottom: 100%;



	left: 50%;



	width: 0;



	height: 0;



	border-style: solid;



	border-width: 0 11.5px 11px 11.5px;



	border-color: transparent transparent #f5f5f5 transparent;



	transform: translate3d(-50%, 0, 0);



}







.pricing-classic-list li span {



	color: #151515;



}







.pricing-classic-list li + li {



	margin-top: 13px;



}







* + .pricing-classic-title {



	margin-top: 10px;



}







@media (min-width: 992px) {



	.pricing-classic-body {



		padding-top: 35px;



		padding-bottom: 45px;



	}



	.pricing-classic-list + .btn {



		margin-top: 35px;



	}



}







.clients-modern,



.clients-classic {



	display: inline-block;



}







.clients-modern img,



.clients-classic img {



	transition: all .25s ease;



}







.clients-modern img {



	opacity: .4;



}







@media (min-width: 992px) {



	.desktop .clients-classic:hover img {



		opacity: .7;



	}



	.desktop .clients-modern:hover img {



		opacity: 1;



	}



}







.banner-classic {



	position: relative;



	display: block;



	overflow: hidden;



	background: #94a498;



}







.banner-classic:before {



	position: absolute;



	content: '';



	top: 0;



	left: 0;



	width: 100%;



	height: 100%;



	background: rgba(255, 255, 255, 0.5);



	transform: scale(2) rotate(45deg) translate3d(0, -100%, 0);



	transition: transform 0.6s;



	pointer-events: none;



	z-index: 1;



}







.banner-classic img {



	width: 100%;



	will-change: transform;



	transform: scale(1.05);



	transition: all .35s;



}







.banner-classic:hover:before {



	transform: scale(2) rotate(45deg) translate3d(0, 100%, 0);



}







.banner-classic:hover img {



	transform: none;



	opacity: .8;



}







.banner-modern {



	position: relative;



}







.banner-modern-figure {



	display: block;



}







.banner-modern-figure + .banner-modern-figure {



	margin-top: 30px;



}







.promo-classic {



	text-align: center;



	border: 10px solid #f3f7f8;



	padding: 30px 15px 90px;



	background-position: 50% 100%;



	background-repeat: no-repeat;



	background-size: cover;



}







.promo-classic-title {



	letter-spacing: .05em;



	text-transform: none;



	font-family: "Kalam", cursive;



	color: #94a498;



}







.promo-classic-text {



	max-width: 700px;



	margin-left: auto;



	margin-right: auto;



}







.promo-classic-title + .promo-classic-text {



	margin-top: 16px;



}







.promo-classic-text + .btn {



	margin-top: 20px;



}







@media (min-width: 768px) {



	.promo-classic {



		padding: 40px 30px 120px;



	}



}







@media (min-width: 992px) {



	.promo-classic {



		padding-top: 75px;



		padding-bottom: 185px;



	}



}















a.product-minimal-figure img {



    max-width: 106px;



}







@media(max-width:1024px) {



.definition-list2 dt {



  flex-basis: 30%;



}



.definition-list2 dd {



  flex-basis: 68%;



}



.product-wishlist-title {



  margin-top: 10px !important;



}



}







@media (min-width: 992px) {



.product::before {



  background: #222;



}



.desktop .product-button-wrap {



  background: #222;



  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);



}



}











@media (max-width: 991.9px) {



.product::before {



  background: #222;



  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);



}



}















.checkbox, .checkbox-inline {



  font-size: 16px;



  font-style: normal;



  color: #fff;



  padding-top: 5px;



}







.form-label, .form-label-outside {



  font-size: 15px;



  font-style: italic;



}







.form-input {



  font-size: 16px;



  color: #121212;



  font-style: normal;



}







.select2-container--bootstrap .select2-selection {



  color: #121212;



  font-size: 16px;



  font-style: normal;



}







.select2-results__option {



  font-size: 16px;

  color: #333;



}







.select2 {



  min-width: 180px;



}



.select2-search--dropdown {

  display: none;

}





.accordion-item:first-of-type,



.accordion-item:first-of-type .accordion-button {



	border-top-left-radius: 0;



	border-top-right-radius: 0;



}







.accordion-item:last-of-type,



.accordion-item:last-of-type .accordion-button {



	border-bottom-left-radius: 0;



	border-bottom-right-radius: 0;



}







.accordion-button::after {



	display: none;



}







.accordion-button:not(.collapsed), .accordion-button:focus {



	box-shadow: none;



	background-color: transparent;



}







.accordion-group-custom {



	margin-bottom: 0;



}







.accordion-group-custom .accordion-heading + .collapse > .accordion-body,



.accordion-group-custom .accordion-heading + .collapse > .list-group {



	border-top: 0;



}







.accordion-group-custom .accordion-item + .accordion-item {



	margin-top: 0;



}







.accordion-item {



	text-align: left;



	display: block;



	margin: 0;



	border: 0;



	border-radius: 0;



	box-shadow: none;



	background: inherit;



}







.accordion-item a {



	display: block;



}







.accordion-item .accordion-heading {



	padding: 0;



	border-bottom: 0;



	border-top-left-radius: 0;



	border-top-right-radius: 0;



	background: transparent;



}







.accordion-item .accordion-body {



	padding: 0;



	border: 0;



}







* + .accordion-group-custom {



	margin-top: 20px;



}







h3 + .accordion-group-corporate {



	margin-top: 20px;



}







@media (min-width: 992px) {



	* + .accordion-group-custom {



		margin-top: 30px;



	}



	* + .accordion-group-custom-1 {



		margin-top: 20px;



	}



}







.accordion-corporate {



	text-align: left;



}







.accordion-corporate:last-child .accordion-button.collapsed {



	border-bottom-color: transparent;



}







.accordion-corporate .accordion-button {



	margin-bottom: 0;



}







.accordion-corporate .accordion-button,



.accordion-corporate .accordion-body {



	background: transparent;



}







.accordion-corporate .accordion-button {



	position: relative;



	padding: 15px 0 15px 45px;



	font-size: 14px;



	line-height: 1.6;



	letter-spacing: .02em;



	color: #151515;



	border-bottom: 1px solid #e1e1e1;



	z-index: 1;



}







.accordion-corporate .accordion-button.collapsed .accordion-arrow .icon {



	color: #56a48b;



	background: #ffffff;



	box-shadow: 0 0 5px 0 rgba(1, 3, 4, 0.19);



	transform: none;



}







.accordion-corporate .accordion-arrow {



	display: flex;



	align-items: center;



	position: absolute;



	text-align: center;



	top: 0;



	bottom: 0;



	left: 0;



	z-index: 2;



}







.accordion-corporate .accordion-arrow .icon {



	font-size: 20px;



	line-height: 30px;



	width: 30px;



	height: 30px;



	border-radius: 50%;



	color: #151515;



	background: #679a78;



	box-shadow: none;



	transform: rotate(90deg);



	transition: all .3s ease;



}







.accordion-corporate .accordion-arrow .icon::before {



	content: '\f238';



	font-family: "Material Design Icons";



}







.accordion-corporate .collapse {



	position: relative;



	color: #777777;



	border-radius: 0 0 6px 6px;



	z-index: 1;



}







.accordion-corporate .accordion-body {



	padding: 15px 0 10px 0;



}







@media (min-width: 768px) {



	.accordion-corporate .accordion-button {



		padding: 25px 0 25px 56px;



	}



	.accordion-corporate .accordion-arrow .icon {



		font-size: 22px;



		line-height: 36px;



		width: 36px;



		height: 36px;



	}



	.accordion-corporate .accordion-body {



		padding: 25px 0 10px 0;



	}



}







@media (min-width: 992px) {



	.accordion-corporate .accordion-button {



		font-size: 16px;



	}



}







@media (min-width: 1200px) {



	.accordion-corporate .accordion-button {



		padding: 30px 0 30px 66px;



		font-size: 18px;



	}



	.accordion-corporate .accordion-arrow .icon {



		font-size: 24px;



		line-height: 42px;



		width: 42px;



		height: 42px;



	}



}







.accordion-corporate-2 {



	text-align: left;



}







@media (max-width: 991.98px) {



	.accordion-corporate-2:last-child .accordion-button.collapsed {



		border-bottom-color: #e1e1e1;



	}



}







@media (min-width: 992px) {



	.desktop .accordion-corporate .accordion-button:hover .accordion-arrow .icon {



		transform: rotate(-90deg);



	}



	.desktop .accordion-corporate .accordion-button.collapsed:hover .accordion-arrow .icon {



		transform: rotate(90deg);



	}



}











.accordion-corporate .accordion-arrow .icon {



  color: #679a78;



  background: #ffffff;



  border: solid 1px #679a78;



}







.aside-typography p + h2 {



	margin-top: 16px;



}







.aside-typography h2 + h3 {



	margin-top: 12px;



}







.aside-typography h3 + h4 {



	margin-top: 22px;



}







@media (min-width: 992px) {



	.aside-typography-item {



		padding-left: 30px;



		border-left: 1px solid #e1e1e1;



	}



}







@media (min-width: 1200px) {



	.aside-typography {



		padding-top: 20px;



	}



}







.aside .btn {



	padding-left: 24px;



	padding-right: 24px;



}







.aside-title {



	padding-bottom: 14px;



	text-transform: uppercase;



	border-bottom: 1px solid #e1e1e1;



}







.aside-title + .row {



	margin-top: 30px;



}







.aside-title + .group-tags {



	margin-top: 22px;



}



















/*



*



* Pagination custom



*/







.pagination {



	position: relative;



	padding-left: 40px;



	padding-right: 40px;



	max-width: 870px;



	margin-left: auto;



	margin-right: auto;



	align-items: center;



	justify-content: center;



	font-size: 0;



	line-height: 0;



}







@media (min-width: 768px) {



	.pagination {



		padding-left: 70px;



		padding-right: 70px;



	}



}







.page-item {



	display: inline-block;



	vertical-align: middle;



	text-align: center;



}







.page-link {



	display: inline-block;



	min-width: 24px;



	padding: 0px 5px;



	border: 0 solid transparent;



	font-size: 18px;



	line-height: 1.33333;



	font-weight: 500;



	letter-spacing: 0;



	transition: all 0.25s ease-in-out;



}







.page-link, .page-link:focus, .page-link:active {



	color: #151515;



	background-color: transparent;



}







.page-link:hover {



	color: #56a48b;



	background-color: transparent;



	border-color: transparent;



}







.page-link:focus {



	box-shadow: none;



}







.page-item.active > .page-link, .page-item.active > .page-link:hover, .page-item.active > .page-link:focus, .page-item.active > .page-link:active {



	color: #56a48b;



	background-color: transparent;



	border-color: transparent;



}







.page-item.disabled > .page-link {



	color: rgba(21, 21, 21, 0.5);



}







.page-item.disabled > .page-link {



	display: none;



}







.page-item-control {



	position: absolute;



}







.page-item-control .icon::before {



	font-family: "Material Design Icons";



	font-size: 24px;



	line-height: 24px;



}







.page-item-control:first-child {



	left: 0;



}







.page-item-control:first-child .icon::before {



	content: '\f14a';



	margin-left: -1px;



}







@media (min-width: 768px) {



	.page-item-control:first-child {



		left: 30px;



	}



}







.page-item-control:last-child {



	right: 0;



}







.page-item-control:last-child .icon::before {



	content: '\f14f';



	margin-right: -1px;



}







@media (min-width: 768px) {



	.page-item-control:last-child {



		right: 30px;



	}



}







* + .pagination-wrap {



	margin-top: 30px;



}







@media (min-width: 768px) {



	* + .pagination-wrap {



		margin-top: 55px;



	}



}



















a.shopnav.active {



  color: var(--secondary-green) !important;



  text-decoration: underline;



}















.definition-list, .definition-list2 {



  display: flex;



  flex-direction: row;



  flex-wrap: wrap;



  margin: 1em 0;



}











.definition-list dt, .definition-list2 dt {



  align-self: auto;



  flex-basis: 30%;



  margin: 0 0 .333em 0;



}











.definition-list dd, .definition-list2 dd {



  align-self: auto;



  flex-basis: 68%;



  margin: 0 0 .333em 2%;



}











.definition-list2 dt {



  flex-basis: 15%;



  border-bottom: 1px solid #9b9b9b;



  padding-bottom: 5px;



  margin-bottom: 10px;



  font-weight: bold;



}











.definition-list2 dd {



  flex-basis: 83%;



  border-bottom: 1px solid #9b9b9b;



  padding-bottom: 5px;



  margin-bottom: 10px;



}







.single-product .definition-list2 dt, .single-product .definition-list2 dd {



	color: #151515 !important;



}















@media(max-width: 768px) {



.definition-list dt, .definition-list dd, .definition-list2 dt, .definition-list2 dd {



  flex-basis: 100%;



  align-self: flex-start;



  margin: 0 0 .333em 0;



}



.definition-list dt, .definition-list2 dt {



  border-bottom: none;



}



}







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



.definition-list2 dt {



  flex-basis: 30%;



}



.definition-list2 dd {



  flex-basis: 68%;



}



.product-wishlist-title {



  margin-top: 10px !important;



}



}















.picheader {



min-height:250px; 



max-height: 350px; 



overflow: hidden;



}







.headerpic {



object-fit: cover; 



object-position: center; 



width: 100%;



}







@media(max-width:768px) {



.picheader {



min-height: 0px;



max-height: none;



}



.headerpic {



height: 220px;



}



}







@media(max-width:992px) {



.picheader {



min-height: 0px;



max-height: none;



}



.headerpic {



height: 250px;



}



}







.videoheader {



aspect-ratio: 16/7;



overflow: hidden;



}







.videotext {



z-index: 10;



position: absolute;



justify-content: center;



display: flex;



flex-direction: column;



aspect-ratio: 16/7;



width: 100%;



align-items: flex-end;



padding-right: 5rem;



margin-top: 8rem;



text-align: right;



}







.video-header {



font-size: 36px;



line-height: 1.3;



font-weight: 700;



color: #000;



background-color: #fff;



padding: 10px;



display: inline-block;



width: fit-content;



}







.video-header-sub {



font-size: 30px;



line-height: 1.35;



font-weight: 400;



color: #000;



background-color: #fff;



padding: 10px;



display: inline-block;



width: fit-content;



}







@media(max-width:1200px) {



.video-header {



font-size: 30px;



line-height: 1.25;



}



.video-header-sub {



font-size: 24px;



line-height: 1.3;



}



}







@media(max-width:1024px) {



.videotext {



margin-top: 4rem;



padding-right: 4rem;



}



}







@media(max-width:768px) {



.videotext {



margin-top: 2rem;



padding-right: 2rem;



}



.video-header {



font-size: 24px;



line-height: 1.2;



}



.video-header-sub {



font-size: 18px;



line-height: 1.2;



}



}







@media(max-width:576px) {



.videotext {



margin-top: 1rem;



padding-right: 1rem;



}



.video-header {



font-size: 20px;



line-height: 1.15;



}



.video-header-sub {



font-size: 16px;



line-height: 1.1;



}



}











.tib-big {



min-height: 540px !important;



padding-top: 50px !important;



}







.tib-small {



min-height: 450px !important;



padding-top: 50px !important;



}







@media(min-width:768px) {



.tib-big {



min-height: 720px !important;



}



}







@media(min-width:1024px) {



.tib-big {



min-height: 960px !important;



}



}







@media(min-width:1200px) {



.tib-big {



min-height: 800px !important;



}



}







@media(min-width:1600px) {



.picheader {



max-height: 400px; 



}



.tib-small {



min-height: 520px !important;



}



}







@media(min-width:2200px) {



.picheader {



max-height: 500px; 



}



.tib-small {



min-height: 600px !important;



}



}







@media(min-width:2600px) {



.picheader {



max-height: 700px; 



}



.tib-small {



min-height: 680px !important;



}



}







@media(min-width:3200px) {



.picheader {



max-height: 900px; 



}



.tib-small {



min-height: 780px !important;



}



}







@media(min-width:3800px) {



.picheader {



max-height: 1100px; 



}



.tib-small {



min-height: 800px !important;



}



}







.ui-shop {



  position: fixed;



  right: 45px;



  top: 25px;



  width: 158px;



  height: 158px;



  border-radius: 100%;



  overflow: hidden;



  text-align: center;



  text-decoration: none;



  z-index: 1100;



  background-color: var(--primary-green);



  color: #fff;



  font-size: 35px;



  padding-top: 30px;



  line-height: 42px;



}







a.ui-shop, a.ui-shop:link, a.ui-shop:hover, a.ui-shop:active, a.ui-shop:focus, a.div-item-c, a.div-item-c:link, a.div-item-c:hover, a.div-item-c:active, a.div-item-c:focus {



  text-decoration: none;



  color: #fff;



}







@media(max-width:1400px) {



.ui-shop {



  right: 25px;



  width: 108px;



  height: 108px;



  font-size: 25px;



  padding-top: 19px;



  line-height: 32px;



}



}







@media(max-width:768px) {



.ui-shop {



  right: 10px;



  top: 55px;



  width: 60px;



  height: 60px;



  font-size: 16px;



  padding-top: 10px;



  line-height: 20px;



}



}







@media (min-width: 1400px) {



.ui-shop {



  right: calc(((100% - 1400px)/2) + 15px);



}



}







@media (min-width: 2000px) {



.ui-shop {



  right: calc(((100% - 1600px)/2) + 15px);



}



}







@media (min-width: 2800px) {



.ui-shop {



  right: calc(((100% - 2000px)/2) + 15px);



}



}











.btn-search {



  font-size: 20px;



  vertical-align: middle;



  color: #999;



}







.brand-logo-dark-2 {



max-height: 100px; 



display: inline-block !important; 



margin-left: 40px !important;



margin-top: 10px; 



margin-bottom: 10px;



}







@media(max-width:768px) {



.rd-navbar-fixed .rd-navbar-brand img:first-child {



  margin-left: 10px !important;



}



.brand-logo-dark-2 {



margin-left: 15px !important;



}



}







.pre-footer-corporate {



  padding: 50px 0 90px 0;



}







@media (min-width: 992px) {



  .pre-footer-corporate {



    padding: 90px 0;



  }



}







.lang-overlay::before {



  content: '';



  width: 0;



  height: 0;



  top: -8px;



  position: absolute;



  right: 22px;



  border-style: solid;



  border-width: 0 10px 10px 10px;



  border-color: transparent transparent var(--primary-turquoise) transparent;



}







.hover-layer {



display: none;



width: 100%;



height:  270px;



overflow: hidden;



top: 0px;



left: 0px;



position: absolute;



text-align: left;



align-items: flex-end;



padding: 10px;



background: rgba(255, 255, 255, 0.3);



margin-top: 0px;



cursor: pointer;



}







.post-creative:hover .hover-layer{



display: flex;



}







.hover-layer a, .hover-layer a:link, .hover-layer a:hover, .hover-layer a:active, .hover-layer a:focus {



color: #fff !important;



text-decoration: none !important;



height: 100%;



width: 100%;



align-content: flex-end;



}







.post-creative .label, .thumb-modern .label {



  position: absolute;



  top: 10px;



  right: 10px;



  background-color: var(--primary-turquoise);



  color: #ffffff;



  line-height: 1;



  padding: 0.5em 0.8em;



  font-weight: 500;



  margin-top: 0px;



}











.header-animation {



  /*background-color: rgba(233, 89, 29, .9);



  color: var(--clr-light); */



  width: 100%;



  height: 100%;



  position: absolute;



  top: 0;



  left: 0; 



  z-index: 40;



  display: flex;



  flex-direction: column;



  justify-content: flex-end;



  padding-left: 0%;



  padding-right: 0%;



  /* clip-path: polygon(0 0, 100% 0, 63% 100%, 0% 100%); */



  transition: 3s;



  transform: translateX(-100%);



}







.header-animation.show {



  transform: translateX(0%);



}











.block-animation {



  /*background-color: rgba(233, 89, 29, .9);



  color: var(--clr-light); */



  width: 100%;



  height: 100%;



  position: relative;



  top: 0;



  left: 0; 



  z-index: 40;



  display: flex;



  flex-direction: column;



  justify-content: flex-end;



  padding-left: 0%;



  padding-right: 0%;



  /* clip-path: polygon(0 0, 100% 0, 63% 100%, 0% 100%); */



  transition: 3s;



  transform: translateX(100%);



}







.block-animation.show {



  transform: translateX(0%);



}







.formatwidth * {



  width: 100% !important;



  min-width: 0px !important;



}







h2.heading-header {



color: #000 !important;



font-size: 20px;



}







@media (min-width: 992px) {



h2.heading-header {



		font-size: 32px;



	}



}







.button {



    font-size: 16px !important;



  }











@media (min-width: 992px) {



.button {



    font-size: 16px !important;



  }



}











.ps-10 {



	padding-left: 10rem !important;



}







@media (max-width: 992px) {



.button {



hyphens: auto;



  }



.ps-10 {



	padding-left: 3rem !important;



}



}







.heading-header-link, .heading-header-link:link, .heading-header-link:active {



    color: #000 !important;



	font-weight: normal !important;



	text-decoration: none;



	background-image: url(../images/layout/chevron-right.svg);



	background-position: 100% 0px;



	background-repeat: no-repeat;



	background-size: contain;



	padding-right: 80px;



}







.heading-header-link:focus, .heading-header-link:hover {



    color: var(--primary-green) !important;



	text-decoration: none;



	background-image: url(../images/layout/chevron-right-primary.svg);



}











/* CCA Customer Data */







#floating-panel {

  padding-bottom: 15px;

}



.controls {

  margin-top: 10px;

  border: 1px solid transparent;

  border-radius: 2px 0 0 2px;

  box-sizing: border-box;

  -moz-box-sizing: border-box;

  height: 32px;

  outline: none;

  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);

}



#pac-input {

  background-color: #fff;

    font-family: 'Ruda', sans-serif;

  font-size: 1rem;

  font-weight: 300;

  margin-left: 2px;

  margin-right: 20px;

  padding: 0 11px 0 13px;

  text-overflow: ellipsis;

  width: 70%;

}



#pac-input:focus {

  border-color: #4d90fe;

}



.showHiddenForm {

	cursor: pointer;

	margin-left: 0px;

}



.inlineLink:hover, .inlineLink.active {

	color: #4eb2b7;

}



.hidden {

	display:none !important;

}



.customer-bordered {

	padding: 30px 25px 15px 25px;

	border: 2px solid #333;

}



.customer-contact {

	padding: 30px 25px 15px 25px;

	border: 2px solid #333;

}



.address-delete-overlay {

	background: #b74e4e;

}



.abort-contact-delete, .abort-contact-delete:link {

	background: #aaa;

}



.confirm-contact-delete:hover, .abort-contact-delete:hover, .confirm-address-delete:hover {

	background: #6b2e2e;

}



.address-button-featured {

	bottom: 0;

	right: 0;

	display: block;

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #4eb2b7;

	font-weight: bold;

	border-radius: 2px 0 0 0;

}



.address-button-delete {

	top: 0;

	right: 85px;

	display: block;

	background: #b74e4e;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #ffffff;

	font-weight: bold;

	border-radius: 0 0 0 2px;

}



.address-button-edit-close {

	margin-left: 10px;

	font-size: 14px;

	cursor:pointer;

}





div {

	box-sizing:border-box;

}



.customer-features {

	display: flex;

	justify-content: left;

	align-items: center;

	height: 50px;

}



.customer-item {

	color: #4eb2b7;

	background-color: #fff;

	font-weight: bold;

	padding: 5px 15px;

	line-height: initial;

	border-radius: 2px;

	margin-right: 10px;

}



.customer-item.active {

	background: #9ac8dc;

	color: #fff;

}



.error-message {

	background: #d46632;

	padding: 5px;

	display: inline-block;

}



.loading-animation {

	width: 100%;

	height: 100%;

	z-index: 1;

	background: rgba(43, 43, 43, 0.6);

	left: 0;

	top: 0;

	border-radius: 5px;

}



.customer-contact {

	width: 100%;

}



input {

	box-sizing: border-box;

}



.no-radius {

	border-radius:0;

}



.lds-dual-ring {

	display: inline-block;

	width: 70px;

	height: 70px;

}



	.lds-dual-ring:after {

		content: " ";

		display: block;

		width: 44px;

		height: 44px;

		margin: 8px;

		border-radius: 50%;

		border: 6px solid #fff;

		border-color: #fff transparent #fff transparent;

		animation: lds-dual-ring 1.2s linear infinite;

	}



@keyframes lds-dual-ring {

	0% {

		transform: rotate(0deg);

	}



	100% {

		transform: rotate(360deg);

	}

}





.h-100 {

	height:100%;

}



.w-100 {

	width:100%;

}



.w-50 {

	width:50%;

}



.w-35 {

	width:60%;

}



.w-25 {

	width:25%;

}



.w-20 {

	width:20%;

}



@media (max-width: 1100px) {

.w-25 {

	width:40%;

}

.w-20 {

	width:30%;

}

}



@media (max-width: 767px) {

.w-25 {

	width:50%;

}

.w-20 {

	width:40%;

}

}



.cursor-pointer {

	cursor:pointer;

}



.d-relative {

	position:relative;

}



.d-absolute {

	position:absolute;

}



.left-0 {

	left:0;

}



.top-0 {

	top:0;

}



.max-width-300 {

	max-width:300px;

}



.insurance-title {

	font-size: 1.1rem;

	font-weight: bold;

	color: #4eb2b7;

	line-height: normal;

}



.document-dl img {

	width: 15px;

	margin-right: 5px;

}



.customer-add-contact, .customer-add-address, .customer-manage-personal {

	background: #151515;

	padding: 15px 25px 30px 30px;

	border-radius: 5px;

}

/*

.customer-button {

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	border-radius: 2px;

	margin-left: 5px;

	top: -2px;

	cursor: pointer;

}

*/

.customer-button {

  background: #fff;

  padding: 0px 12px;

  font-size: 30px;

  border-radius: 2px;

  margin-left: 5px;

  top: 0px;

  cursor: pointer;

  right: 0px;

  font-weight: bold;

}



.address-button {

	top: 0;

	right: 0;

	display: block;

	background: #fff;

	padding: 1px 5px;

	font-size: 12px;

	margin-left: 5px;

	cursor: pointer;

	color: #4eb2b7;

	font-weight: bold;

	border-radius: 0 0 0 2px;

}



.address-button-main, .address-button-alt {

	top: 0;

	left: 0;

	display: block;

	background: #333;

	padding: 1px 5px;

	font-size: 12px;

	color: #ffffff;

	font-weight: bold;

	border-radius: 0 0 2px 0;

}



.closer {

	width: 20px;

	right: 20px;

	top: 15px;

	cursor:pointer;

}



.form-label {

	display: block;

	padding-bottom: 5px;

	font-weight: bold;

}



.form-control {

	padding: 15px;

	font-weight: bold;

	border-radius: 3px;

	color: #333131;

	width: 100%;

}



.customer-hr {

	margin-top: 10px;

	margin-bottom: 20px;

	display: inline-block;

	width: 100%;

}



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

	.w-lg-25 {

		width:25%;

	}



}



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

	.w-35 {

		width:35%;

	}

}



.immo-img {

height: 440px;

object-fit: cover;

}



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

.immo-img {

height: 360px;

}

}



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

.immo-img {

height: 300px;

object-fit: contain;

}

}



.post-classic-title h6 {

  background-color: var(--primary-turquoise) !important;

  color: #ffffff !important;

  line-height: 1;

  padding: 0.5em 0.8em;

  font-weight: 500;

  margin-top: 0px;

}



* + .post-classic-title {

  margin-top: 10px;

}



.post-subline {

  color: var(--primary-turquoise);

  font-weight: 500;

  margin-top: 10px;

  margin-bottom: 20px;

}





.post-img {

object-fit: cover;

width: 100%;

aspect-ratio: 0.8 !important;

}



@media (max-width:992px) {

.post-img {

max-width: 80%;

}

.post-classic-title {

max-width: 80%;

margin-left: 10%;

}

}



.teamstage {

width: 100% !important;

}



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

.teamstage {

width: 80% !important;

}

}



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

.teamstage {

width: 70% !important;

}

}



#print, .printonly {

    display: none;

	}