/** nyugalombiobolt.hu site **/
/*********************** 12 column responsive grid  ***********************/
/*
*
*		.grid12-3:		12 column grid, 3x4 column wide panels
*		.grid12-4:		12 column grid, 4x3 column wide panels
*		.grid12-6:		12 column grid, 6x2 column wide panels
*
*		.grid12-4.innerGrid: 	inner content, leftCol 4comumn wide mainContent 8 column wide 
* 
*
*
/**************************************************************************/
/*********************** grid gaps ***********************/
.homeTitle {
  grid-area: homeTitle;
}
.homeText {
  grid-area: homeText;
}
.homeBottom {
  grid-area: homeBottom;
}
.homeSubTitle1 {
  grid-area: homeSubTitle1;
}
.homeSubTitle2 {
  grid-area: homeSubTitle2;
}
.homeSubTitle3 {
  grid-area: homeSubTitle3;
}
.homeSubTitle4 {
  grid-area: homeSubTitle4;
}
.homeSubTitle5 {
  grid-area: homeSubTitle5;
}
.homeSubTitle6 {
  grid-area: homeSubTitle6;
}
#footer-menu {
  grid-area: footer-menu;
}
.ctaRegister {
  grid-area: ctaRegister;
}
.footerText {
  grid-area: footerText;
}
.footerLine {
  grid-area: footerLine;
}
.menuGrid .parentTitle {
  grid-area: 1/2/1/14;
}
.menuGrid .i1 {
  grid-area: 2/2/2/6;
}
.menuGrid .i2 {
  grid-area: 2/6/2/10;
}
.menuGrid .i3 {
  grid-area: 2/10/2/14;
}
.grid12-1,
.grid12-2,
.grid12-3,
.grid12-4,
.grid12-6 {
  display: grid;
  gap: 36px;
  grid-template-columns: 200px repeat(12, 1fr) 200px;
}
.messages,
.messageContainer {
  grid-area: 1/5/1/11;
}
.grid12-6.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 ." ". item1 item1 item2 item2 item3 item3 item4  item4  item5  item5 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-6.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-4.contentGrid.compact {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". item1 item1 item1 item2 item2 item2 item3  item3  item3  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-4.innerGrid .leftCol {
  grid-area: 1/2/1/5;
}
.grid12-4.innerGrid .mainContent {
  grid-area: 1/5/1/14;
}
.grid12-4.innerGrid3 .leftCol {
  grid-area: 1/2/2/5;
}
.grid12-4.innerGrid3 .mainContent {
  grid-area: 1/5/2/11;
}
.grid12-4.innerGrid3 .rightCol {
  grid-area: 1/11/2/14;
}
.grid12-3.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item1 item1 item1 item1 item2 item2 item2  item2  item3  item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-3.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-2.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-2.contentGrid .homeBottom {
  justify-self: center;
}
.grid12-1.contentGrid {
  grid-template-areas: ". . . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . . ." ". . . . homeText homeText homeText homeText homeText homeText . . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 item1  item1  item1  item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
}
.grid12-1.contentGrid .homeBottom {
  justify-self: center;
}
@media (max-width: 1980px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    grid-template-columns: 50px repeat(12, 1fr) 50px;
  }
}
@media (max-width: 1600px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    gap: 24px;
    grid-template-columns: 0px repeat(12, 1fr) 0px;
  }
}
@media (max-width: 1024px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    gap: 16px;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/14;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item5 item5 item5 item5 item5 item5 item6  item6  item6  item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". . . homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle . . ." ". . . homeText homeText homeText homeText homeText homeText homeText homeText . . ." ". item1 item1 item1 item1 item1 item1 item2  item2  item2  item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 item4  item4  item4  item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom homeBottom homeBottom .";
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/14;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/14;
  }
  .grid12-3.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-columns: 0 repeat(6, 1fr) 0;
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText  homeText  homeText  homeText  homeText  homeText  ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/3/5;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 1/5/2/14;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 2/5/3/14;
  }
}
@media (max-width: 576px) {
  .grid12-1,
  .grid12-2,
  .grid12-3,
  .grid12-4,
  .grid12-6 {
    gap: 12px;
    grid-template-columns: 0 repeat(6, 1fr) 0;
  }
  .messages,
  .messageContainer {
    grid-area: 1/2/1/8;
  }
  .grid12-6.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 homeSubTitle5 ." ". item5 item5 item5 item5 item5 item5 ." ". homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 homeSubTitle6 ." ". item6 item6 item6 item6 item6 item6 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 homeSubTitle4 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-4.contentGrid.compact {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle." ". homeText homeText homeText homeText homeText homeText ." ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item4 item4 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 homeSubTitle3 ." ". item3 item3 item3 item3 item3 item3 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-2.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 homeSubTitle2 ." ". item2 item2 item2 item2 item2 item2 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-1.contentGrid {
    grid-template-areas: ". homeTitle homeTitle homeTitle homeTitle homeTitle homeTitle ." ". homeText homeText homeText homeText homeText homeText ." ". homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 homeSubTitle1 ." ". item1 item1 item1 item1 item1 item1 ." ". homeBottom homeBottom homeBottom homeBottom  homeBottom homeBottom .";
  }
  .grid12-3.menuGrid .parentTitle {
    grid-area: 1/2/1/8;
  }
  .grid12-3.menuGrid .i1 {
    grid-area: 2/2/4/8;
  }
  .grid12-3.menuGrid .i2 {
    grid-area: 4/2/6/8;
  }
  .grid12-3.menuGrid .i3 {
    grid-area: 6/2/8/8;
  }
  .grid12-4.innerGrid .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .leftCol {
    grid-area: 1/2/1/8;
  }
  .grid12-4.innerGrid3 .mainContent {
    grid-area: 2/2/3/8;
  }
  .grid12-4.innerGrid3 .rightCol {
    grid-area: 3/2/4/8;
  }
}
.topNav {
  row-gap: 0px;
  grid-template-areas: ". item1 item1 item2 item2 item2 item3 item3 item3 item3 . item4 item5 ." ". item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item6 item7 .";
}
.topNav .topNavBg {
  grid-area: 2/1/3/15;
}
.topNav .r1 {
  align-self: center;
}
.tagMenu,
.teaMenu {
  grid-template-areas: ". item1 item1 item1 item2 item2 item2 item3 item3 item3 item4 item4 item4 .";
}
.homeMenu .lpMenu {
  grid-area: 1/2/3/14;
}
.homeMenuCategory {
  grid-template-areas: ". item1 item1 item1 item1 item2 item2 item2 item2 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item5 item5 item5 item5 item6 item6 item6 item6 .";
}
.homeCategory3 {
  grid-template-areas: ". item1 item1 item1 item1 item1 item1 item2 item2 item2 item3 item3 item3 .";
}
.homeGrid .articleGroup {
  grid-area: 1/2/3/14;
}
.homeGrid .articleGroupIntro {
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  grid-template-areas: "introImg articleTitle" "introImg groupIntro";
}
.homeGrid .articleGroupIntro .articleToolbar {
  display: none;
}
.homeGrid .articleGroupIntro .groupIntro {
  grid-template-columns: 1fr;
  grid-template-areas: "introText" "more";
}
.contentGrid .homeTitle {
  grid-area: 1/2/2/14;
}
.contactSection {
  grid-template-areas: ". item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 item2 item2";
}
.contactSection .item1 {
  align-self: center;
}
.teaserHead {
  grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 .";
}
.mainContentGrid {
  grid-template-areas: ".  item1 item1 item1 item2  item2 item2 item2 item2 item2 item2 item2 item2 .";
}
.footerGrid {
  grid-template-rows: min-content 1fr 1fr;
  grid-template-areas: ". item1 item1 item2 item2 item2 item3 item3 item3 item4 item4 item4 item4  ." ". item5 item5 item2 item2 item2 item3 item3 item3 item4 item4 item4 item4  ." ". .     .     .     .     item6 item6 item6 item6 item7 item7 item7 item7  .";
}
.footerGrid .item6 {
  align-self: center;
}
.footerGrid .item7 {
  align-self: end;
}
/*.mainContentGrid{
		grid-template-areas: 
			".  item1 item1 .  item2 item2 item2 item2 item2 item2  item2  . .  .";
	
	}*/
@media (min-width: 1024px) {
  .topNav .item8 {
    display: none;
  }
  .carouselGridContainer.grid12-4 {
    grid-template-areas: "btnLeft item1 item1 item1 item2 item2 item2 item3 item3 item3 item4 item4 item4 btnRight" "btnLeft item5 item5 item5 item6 item6 item6 item7 item7 item7 item8 item8 item8 btnRight";
  }
  .carouselGridContainer.grid12-4 .carouselItem.plusItem {
    display: block;
  }
  .carouselGridContainer.grid12-4 .plusItem-1 {
    grid-area: item5;
  }
  .carouselGridContainer.grid12-4 .plusItem-2 {
    grid-area: item6;
  }
  .carouselGridContainer.grid12-4 .plusItem-3 {
    grid-area: item7;
  }
  .carouselGridContainer.grid12-4 .plusItem-4 {
    grid-area: item8;
  }
}
@media (max-width: 1600px) {
  .homeGrid .articleGroupIntro {
    gap: 24px;
  }
  .mainContentGrid {
    grid-template-areas: ".  item1 item1 item1  item2 item2 item2 item2 item2 item2  item2 item2 item2  .";
  }
}
@media (max-width: 1280px) {
  .topNav {
    /*grid-template-areas: 
			". item1 item1 item2 item2 item2 item3 item3 item3 item3 . item4 item5 ."
			". item6 item6 item6 item7  . . .  . . . . . ."
			". item8 item8 item8 item9 item9 item9 item9 item9 item9 item9 item9 item9 .";
		.topNavBg{grid-area: ~'2/5/3/14';}	
		.topNavBg2 {
  			grid-area:  ~'2/2/4/14';
  			position:relative;
			  z-index: -1;
		}*/
  }
  .topNav .textGrid .textContainer {
    display: none;
  }
  /*.footerGrid {
		  grid-template-areas:
		". item1 item1 .     item2 item2  item3 item3 item3 item4 item4 item4 item4 ." 
		". item5 item5 item5 item2 item2  item3 item3 item3 item4 item4 item4 item4 ." 
		". .     .     .     .     item6 item6 item6 item6 item7 item7 item7 item7 .";
	}*/
}
@media (max-width: 1024px) {
  .topNav {
    grid-template-areas: ". item1 item1 item1 item1 . item2 item2 item2 item2 item2 item2 item2 ." ". item1 item1 item1 item1 . item4 item4 item4 item5 item5 item5 item5 ." ". .     .     .      .    . item3 item3 item3 item3 item3 item3 item3 ." ". item6 item6 item6 item6 .     item7 item7 item7 item7 item7 item7 item7 ." ". item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 item9 .";
  }
  .topNav .textGrid .textContainer {
    display: inline-block;
  }
  .topNav .item2 {
    padding: 4px 0;
  }
  .topNav .item8 {
    display: none;
  }
  .topNav .topNavBg {
    grid-area: 4/7/5/15;
  }
  .topNav .topNavBg2 {
    grid-area: 4/2/5/10;
  }
  .tagMenu {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 .";
  }
  .carouselGridContainer.grid12-4 {
    grid-template-areas: "btnLeft item1 item1 item1  item1 item1 item1 item2 item2 item2 item2 item2 item2 btnRight" "btnLeft item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 btnRight";
  }
  .carouselGridContainer.grid12-4 .carouselItem.item3,
  .carouselGridContainer.grid12-4 .carouselItem.item4 {
    display: block;
  }
  .teaMenu {
    align-items: center;
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 . . . . . ." ". item3 item3 item3 item3 item3 item3 item3 . . . . . .";
  }
  .teaMenu .item2 {
    grid-area: 1/6/2/14;
  }
  .teaMenu .item4 {
    grid-area: 2/6/3/14;
  }
  .homeGrid .homeBg {
    grid-area: 1/1/2/8;
  }
  .homeGrid .articleGroupIntro {
    grid-template-areas: "introImg introImg" "articleTitle articleTitle" "groupIntro groupIntro";
  }
  .homeMenuCategory {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 item4 item4 item4 item4 item4 item4 ." ". item5 item5 item5 item5 item5 item5 item6 item6 item6 item6 item6 item6 .";
  }
  .contactSection {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 ." "item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2";
  }
  .footerGrid {
    grid-template-areas: ". item1 item1 item1 . . . item5 item5 item5 item5 item5 item5 ." ". . .  item4 item4 item4  item4 item4 item4 item4 item4 . . ." ". item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 ." ". . .         . item6 item6 item6 item6 item6 item6 item7 item7 item7 .";
  }
  .mainContentGrid {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1  ." ". item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 item2 .";
  }
}
@media (max-width: 576px) {
  .topNav {
    grid-template-areas: ". item1 item1 item3 item3 item3 item3 ." ". . .         item4 item4 item5 item5 ." ". item2 item2 item2 item2 item2 item2 ." ". item6 item6 item6 item6 item7 item7 ." ". item9 item9 item9 item9 item9 item9 .";
  }
  .topNav .topNavBg {
    grid-area: 4/6/5/9;
  }
  .topNav .topNavBg2 {
    grid-area: 4/2/5/8;
  }
  .tagMenu {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item4 item4 .";
  }
  .carouselGridContainer.grid12-4 {
    grid-template-areas: "btnLeft item1 item1 item1  item1 item1 item1  btnRight" "btnLeft item2 item2 item2 item2 item2 item2 btnRight" "btnLeft item3 item3 item3 item3 item3 item3  btnRight" "btnLeft item4 item4 item4 item4 item4 item4  btnRight";
  }
  .carouselGridContainer.grid12-4 .carouselItem.item2,
  .carouselGridContainer.grid12-4 .carouselItem.item3,
  .carouselGridContainer.grid12-4 .carouselItem.item4 {
    display: block;
  }
  .homeMenu .lpMenu {
    grid-area: 1/2/3/8;
  }
  .homeGrid .articleGroup {
    grid-area: 1/2/3/8;
  }
  .homeMenuCategory {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item4 item4 item4 item4 item4 item4 ." ". item5 item5 item5 item5 item5 item5 ." ". item6 item6 item6 item6 item6 item6 .";
  }
  .teaMenu {
    grid-template-areas: ". item1 item1 item1 item1 . . ." ". item3 item3 item3 item3 . . .";
  }
  .teaMenu .item2 {
    grid-area: 1/4/2/8;
  }
  .teaMenu .item4 {
    grid-area: 2/4/3/8;
  }
  .homeCategory3 {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 .";
  }
  .contentGrid .homeTitle {
    grid-area: 1/2/2/8;
  }
  .contactSection {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1  ." "item2 item2 item2 item2 item2 item2 item2  item2";
  }
  .footerGrid {
    grid-template-areas: ". item1 item1 item5 item5 item5 item5 ." ". item4 item4 item4 item4 item4 item4 ." ". item2 item2 item2 item2 item2 item2 ." ". item3 item3 item3 item3 item3 item3 ." ". item6 item6 item6 item6 item6 item6 ." ". item7 item7 item7 item7 item7 item7 .";
  }
  .homeGrid2 {
    grid-template-areas: " item1  item1  item1 item1 item1 item1 item1 item1  " ". item2 item2 item2 item2 item2 item2 .";
  }
  .homeGrid2 .homeBg {
    grid-area: 2/1/3/9;
  }
  .teaserHead {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 .";
  }
  .mainContentGrid {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1  ." ". item2 item2 item2 item2 item2 item2  .";
  }
}
body {
  font-size: 18px;
  font-family: 'Nunito', sans-serif, Helvetica, Arial;
}
a {
  text-decoration: none;
}
img {
  max-width: 100%;
}
h1 {
  font-size: 30px;
}
a,
li,
.linkBtn,
.menuItemText,
.sysPanel,
.menuItemImg,
.menuItemText::before,
.gridPanel {
  transition: 0.3s;
}
.messages {
  padding: 8px 0;
}
.sysPanel {
  line-height: 45px;
}
.topNav .logoContainer {
  padding: 6px 0;
}
.topNav .logoContainer img {
  width: 100%;
}
.topNav .textGrid {
  grid-template-columns: auto auto;
  justify-content: start;
  line-height: 1.5;
  gap: 16px;
}
.topNav .productSearch input {
  height: 45px;
  font-size: 20px;
  border-radius: 8px;
}
.topNav .productSearch a {
  font-size: 32px;
  line-height: 45px;
  right: 24px;
}
.topNav .cartMenu .li_level_0 > a,
.topNav .li_level_0 > a .userMenuIcon {
  display: grid;
  gap: 8px;
  grid-template-columns: min-content 1fr;
  align-items: center;
}
.topNav .cartMenu .li_level_0 > a .menuItemText,
.topNav .li_level_0 > a .userMenuIcon .menuItemText {
  padding: 0;
}
.topNav .catDisplay .menuItemText {
  padding: 0 10px;
}
.topNav .cartMenu {
  padding: 0 6px;
  border-radius: 8px;
}
.topNav .cartMenu .lpMenu {
  text-align: center;
}
.topNav .topNavBg2 {
  border-bottom-left-radius: 8px;
}
.topNav .ul_level_1 {
  border-radius: 4px;
}
.topNav .catDisplay .menuItemText {
  line-height: 50px;
  font-weight: bold;
}
.topNav .item7 li {
  width: 100%;
}
.topNav .item7 .menuItemText {
  padding: 0;
}
.topNav .catContainer {
  padding-top: 36px;
  border-bottom-left-radius: 8px;
}
.topNav .catContainer li {
  width: 100%;
  padding-left: 36px;
}
.topNav .catContainer .menuItemText {
  font-weight: bold;
}
.topNav .imgContainer img {
  border-bottom-right-radius: 8px;
}
.topNav .hamburgerMenu {
  position: relative;
}
.topNav .hamburgerMenu .mobileCategory {
  position: absolute;
  z-index: 20;
  left: 0;
}
.topNav .hamburgerMenu .menuItemText {
  padding: 0 30px;
}
.bannerContainer {
  position: relative;
}
.bannerTextContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bannerTextContainer .textContainer {
  display: grid;
  grid-template-columns: 1fr;
  background: url('../img/bg-bannertext.png') no-repeat;
  background-size: contain;
  position: relative;
  grid-area: 1/2/3/6;
  text-align: center;
}
.bannerTextContainer .textContainer .bannerText {
  align-self: end;
}
.bannerTextContainer .textContainer h2 {
  text-align: center;
  font-size: 32px;
  margin: 0;
  padding: 16px 19px 24px 16px;
}
.bannerTextContainer .textContainer h4 {
  text-align: center;
  font-size: 18px;
  padding: 12px 4px;
  width: 90%;
  margin: 0 auto;
}
.bannerTextContainer .textContainer .more {
  align-self: start;
  display: inline-block;
  margin: 24px auto 0 auto;
  font-size: 20px;
  padding: 0 32px;
  line-height: 3;
  border-radius: 8px;
}
.tagMenu {
  padding: 32px 0;
}
.tagMenu .menuItem {
  position: relative;
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 12px;
}
.tagMenu .menuItem .menuItemText {
  line-height: 1.5;
  align-self: end;
}
.homeMenu {
  padding: 36px 0;
}
.homeMenu .lpMenu {
  position: relative;
}
.homeMenu .lpMenu:before {
  content: "";
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: -2;
  border-radius: 2px;
}
.homeMenu h3 {
  margin-bottom: 24px;
  font-size: 32px;
  padding-right: 60px;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  background-image: url('../img/bg-level.png');
  background-position: right 6px center;
  background-repeat: no-repeat;
  justify-self: start;
}
@media (max-width: 576px) {
  .homeMenu h3 {
    font-size: 16px;
    line-height: 20px;
    padding-right: 50px;
    width: min-content;
  }
}
.homeMenu .ul_level_0 {
  padding: 0 120px;
  flex-flow: nowrap;
  gap: 36px;
}
.homeMenu li {
  width: 20%;
  position: relative;
  line-height: 0;
  text-align: center;
}
.homeMenu li a {
  line-height: 0;
}
.homeMenu li img {
  max-width: 100%;
}
.leafBg {
  position: relative;
}
.leafBg::before {
  content: "";
  position: absolute;
  top: 10%;
  left: 0;
  width: 100%;
  height: 90%;
  background: url('../img/bg-level.png');
  z-index: -1;
}
.homeMenuCategory .menuItem {
  position: relative;
  text-align: center;
}
.homeMenuCategory a {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.homeMenuCategory .imgContainer {
  position: relative;
}
.homeMenuCategory .imgContainer::after {
  content: "";
  position: absolute;
  top: 4%;
  left: 4%;
  width: 92%;
  height: 92%;
}
.homeMenuCategory .menuItemText {
  display: inline-block;
  text-align: center;
  height: 100px;
  max-width: 190px;
  line-height: 1.5;
  font-size: 22px;
  position: relative;
  z-index: 2;
  transform: translateY(-80px);
}
.homeMenuCategory .menuItemText::before {
  content: "";
  position: absolute;
  top: -60%;
  left: 50%;
  width: 200px;
  border-radius: 50%;
  z-index: -1;
  height: 200px;
  transform: translateX(-50%);
  background-image: url('../img/level-bg-sotet.png');
  background-position: center bottom 10px;
  background-repeat: no-repeat;
}
.teaMenu {
  margin: 80px 0;
}
.teaMenu .item1,
.teaMenu .item3 {
  position: relative;
  text-align: center;
}
.teaMenu .item1 a,
.teaMenu .item3 a {
  display: inline-block;
  width: 100%;
}
.teaMenu .menuItemText {
  text-transform: uppercase;
  position: absolute;
  top: 40%;
  left: 10%;
  width: 70%;
  padding: 0;
  display: inline-block;
  line-height: 1.2;
  font-size: 32px;
}
.teaMenu .item2,
.teaMenu .item4 {
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1;
  z-index: -1;
}
.teaserHead {
  padding: 36px 0;
}
.teaserHead:before {
  content: "";
  top: 22px;
  left: 0;
  width: 100%;
  height: 4px;
  z-index: -2;
  border-radius: 2px;
  grid-area: 1/2/2/14;
  align-self: center;
}
.teaserHead h2 {
  font-size: 32px;
  padding-right: 60px;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  background-image: url('../img/bg-level.png');
  background-position: right 6px center;
  background-repeat: no-repeat;
  justify-self: start;
}
@media (max-width: 576px) {
  .teaserHead h2 {
    font-size: 16px;
    line-height: 20px;
    padding-right: 50px;
    width: min-content;
  }
}
.wsTeaserGrid {
  padding: 36px 0;
  margin-bottom: 36px;
}
.wsTeaserGrid .carouselItem {
  transition: 0.4s ease-in-out;
}
.wsTeaserGrid .carouselItem:hover {
  transform: scale(1.03);
}
.wsTeaserGrid .carouselItem .carouselContent {
  border-radius: 8px;
  overflow: hidden;
  padding: 16px;
  grid-template-areas: "item4 item4" "item2 item2" "item5 item5" "item6 item6";
}
.wsTeaserGrid .carouselItem .carouselContent .item1,
.wsTeaserGrid .carouselItem .carouselContent .item3 {
  display: none;
}
.wsTeaserGrid .carouselItem .carouselContent .carouselImg {
  height: 200px;
}
.wsTeaserGrid .carouselItem .carouselContent .productName {
  font-weight: bold;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice {
  text-align: left;
  grid-template-areas: "priceInstead" "priceNormal " "vatText";
  grid-template-rows: 1fr 1fr 0;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .price,
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .currency {
  font-size: 22px;
  font-weight: bold;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .vatText {
  display: block;
  grid-area: vatText;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .unitPriceText {
  font-size: 0.8em;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .shipVatText {
  display: none;
}
.wsTeaserGrid .carouselItem .carouselContent .cartButton {
  align-self: end;
  justify-self: end;
}
.wsTeaserGrid .carouselItem .carouselContent .gridPanel {
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
}
/*
.homeGrid{
	
	.articleGroupIntro{
		overflow: hidden;
		border-radius: @borderRadius;
		.articleTitle{
			align-self:end;
			justify-self: center;
			
			
		}
		
		h2 a{
			text-align:center;
			font-size:32px;
			margin:0;
			padding:24px;
			display:inline-block;
		}
		.introText{
			align-self: start;
			justify-self: center;
			text-align:center;
			font-size:18px;
			padding: 12px 24px;
			transform: rotate(-2deg);
			width:auto;
			margin:-24px auto 0 auto;
					
		}
		.groupIntro{
			position:relative;
			grid-template-rows: 20px 1fr;	
		}
		.more{
			position:relative;
			display:inline-block;
			///margin:24px auto 0 auto;
			align-self: start;
			justify-self: center;
			font-size:20px;
			padding:0 32px;
			line-height:3;
			border-radius:@borderRadius;
			z-index: 10;}
		
	}
}		

/*
.homeCategory3{
	
	margin-bottom:36px;
	.menuItem{
		border-radius:@borderRadius;
		overflow:hidden;
		display:grid;	
		grid-template-columns: 1fr;
		
	}
	
	.menuItemText{
		grid-area:menuItemText;
		font-size:28px;
		line-height:45px;
		font-weight:bold;
		}
	.menuItemImg{grid-area:menuItemImg;align-self:end;}
	.item1{
		padding:16px;
		grid-template-columns: 2fr 3fr;
		gap:24px;
		grid-template-areas: "menuItemText menuItemImg";	
		//.menuItemImg{align-self:end;}
	}
	
	.item2{
		padding:16px;
		grid-template-areas: "menuItemText" "menuItemImg";
		}
	.item3{
		grid-template-areas: "menuItemText";
		.menuItemText{padding:16px;}
		.menuItemImg{grid-area:~'1/1/2/2';height:100%;}
		}
	
	
	img{max-width:100%;}
	
}*/
.homeBlog {
  row-gap: 0;
}
.homeBlog:before {
  content: "";
  height: 4px;
  z-index: -2;
  border-radius: 2px;
  grid-area: 1/2/2/14;
  align-self: center;
}
@media (max-width: 576px) {
  .homeBlog:before {
    grid-area: 1/2/2/7;
  }
}
.homeBlog h2 {
  font-size: 32px;
  padding-right: 60px;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  background-image: url('../img/bg-level.png');
  background-position: right 6px center;
  background-repeat: no-repeat;
  justify-self: start;
}
@media (max-width: 576px) {
  .homeBlog h2 {
    font-size: 16px;
    line-height: 20px;
    padding-right: 50px;
    width: min-content;
  }
}
.homeBlog .homeIntro {
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  margin-bottom: 36px;
  grid-template-rows: 1fr;
  column-gap: 0;
  grid-template-areas: "subTitle " "introImg " "introText" "sysPanel ";
}
.homeBlog .homeIntro .subTitle {
  grid-area: subTitle;
  padding: 8px 16px 0 16px;
}
.homeBlog .homeIntro .introText {
  grid-area: introText;
  padding: 16px;
}
.homeBlog .homeIntro .sysPanel {
  grid-area: sysPanel;
  align-self: end;
  justify-self: end;
  margin: 0 16px 16px 0;
  padding: 0 20px;
  line-height: 45px;
}
.homeBlog .homeIntro .homeIntro {
  grid-template-rows: 1fr 1fr 1fr;
  column-gap: 0;
}
.homeBlog .homeBottom .sysPanel {
  background-image: url('../img/menu-bg.png');
  background-position: center bottom 10px;
  background-repeat: no-repeat;
  background-size: contain;
  width: 150px;
  height: 150px;
  line-height: 140px;
  padding-right: 25px;
}
.brands {
  padding: 24px 0;
}
.brands .carouselMenuHead {
  margin-bottom: 36px;
}
.brands .carouselMenuHead:before {
  content: "";
  height: 4px;
  z-index: -2;
  border-radius: 2px;
  grid-area: 1/2/2/14;
  align-self: center;
}
@media (max-width: 576px) {
  .brands .carouselMenuHead:before {
    grid-area: 1/2/2/7;
  }
}
.brands .carouselMenuHead h3 {
  font-size: 32px;
  padding-right: 60px;
  margin: 0;
  display: inline-block;
  text-transform: uppercase;
  background-image: url('../img/bg-level.png');
  background-position: right 6px center;
  background-repeat: no-repeat;
  justify-self: start;
  grid-area: 1/2/2/14;
}
@media (max-width: 576px) {
  .brands .carouselMenuHead h3 {
    font-size: 16px;
    line-height: 20px;
    padding-right: 50px;
    width: min-content;
  }
}
.brands .carouselGridContainer .carouselItem .carouselContent {
  height: 120px;
  grid-template-areas: initial;
  align-items: center;
  justify-items: center;
}
.brands .carouselGridContainer .carouselItem .carouselContent .menuItemImg {
  max-width: 100%;
  max-height: 120px;
}
.brands .carouselGridContainer .carouselItem .carouselContent .menuItemText {
  display: none;
}
.contactSection p {
  margin: 0;
  padding: 0 0 8px 0;
}
.contactSection iframe {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.inner .topNav {
  margin-bottom: 36px;
}
.articleHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.mainContentGrid {
  padding: 36px 0;
}
.articleGroupIntro {
  border-radius: 8px;
}
/*
.leftCol{
	
	.lpMenu{
		
		li{width:100%;}
		//.li_level_0 > a > .menuItemText{font-size:22px;}
		.ul_level_1{
			.menuItemText{
				//padding: 0;
			  line-height: 28px;
			  //font-size: 16px;
			}
			
		}
	}
	
	
	
}	*/
.leftCol .lpMenu li {
  width: 100%;
}
.leftCol .lpMenu .li_level_1 .menuItemText {
  margin: 10px 0;
  line-height: 1.1;
  font-size: 18px;
  white-space: initial;
  text-align: left;
}
.leftCol .lpMenu .active > .menuItemText {
  font-weight: bold;
}
.leftCol .lpMenu .li_level_0 > a > .menuItemText {
  border-radius: 8px;
}
.leftCol .lpMenu .li_level_0 > a > .menuItemText {
  font-weight: bold;
  margin: 0 0 16px 0;
}
.leftCol .lpMenu .ul_level_1 {
  padding: 20px 0;
}
.leftCol .lpMenu .ul_level_1 ul {
  padding-left: 24px;
}
.leftCol .lpMenu .iconContainer:not(.toggleButton) {
  display: none;
}
.leftCol .lpMenu.displayDesktop .li_level_0 > a > .menuItemText {
  font-size: 20px;
  line-height: 60px;
}
.leftCol .displayMobile .toggleButton {
  right: 8px;
}
.cartMenu {
  position: relative;
}
.wsCartCounter {
  position: absolute;
  z-index: 1;
  right: -2px;
  top: -2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}
.wsProductTable .wsProductData {
  border-radius: 8px;
  line-height: 1.5;
}
.wsCart {
  line-height: 1.5;
  border-radius: 8px;
  overflow: hidden;
}
.productDetails {
  border-radius: 8px;
  overflow: hidden;
  line-height: 1.5;
}
.productDetails h1 {
  padding: 8px 16px;
  font-size: 28px;
}
.productDetails .productLifeCycle {
  border-radius: 8px;
  line-height: 45px;
  margin: 12px 0;
}
.productDetails .productOrderFormInner {
  border-radius: 8px;
}
.productDetails .addToCartFonticon {
  justify-self: end;
  line-height: 50px;
  font-weight: bold;
}
.productDetails .productArticleNo .articleRow:first-child {
  display: none;
}
.addToCartFonticon {
  border-radius: 4px;
  padding: 0 12px;
}
.wsAddressGrid,
.wsCart .dataBlock {
  border-radius: 8px;
  overflow: hidden;
}
.cartItems td {
  font-size: 16px;
  line-height: 28px;
}
.gridModule .gridModuleHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.gridModule .gridModuleHead h3 {
  margin: 0;
  line-height: 42px;
  font-weight: normal;
  text-align: center;
}
.gridModule .gridModuleContent {
  padding: 56px 0;
}
.footerGrid {
  padding-top: 36px;
}
.footerGrid .logoLink {
  display: inline-block;
}
.footerGrid .logo {
  max-width: 100%;
}
.footerGrid .socialMenu .iconContainer {
  font-size: 32px;
}
.footerGrid .socialMenu li {
  width: auto;
}
.footerGrid .socialMenu li:not(last-child) {
  margin-right: 16px;
}
.footerGrid .item2 .lpMenu li,
.footerGrid .item3 .lpMenu li {
  width: 100%;
}
.footerGrid .addrText {
  line-height: 1.5;
  font-size: 20px;
}
.footerGrid .addrText .iconContainer {
  font-size: 24px;
}
.footerGrid .menuItemText {
  padding: 0;
}
.footerGrid .item4 h2 {
  text-align: center;
}
.footerGrid .item4 .cta {
  text-align: right;
}
.footerGrid .item6 {
  line-height: 1.5;
  font-size: 16px;
  text-align: center;
}
.footerGrid .item7 {
  line-height: 1.2;
  font-size: 14px;
}
.footerGrid input {
  padding: 8px;
}
.srollTopButton {
  border-radius: 8px;
}
.modPrivLink {
  border-top-right-radius: 4px;
}
@media (min-width: 1024px) {
  .productSearch input {
    padding-left: 24px;
  }
  .homeCategoryTop .flexMenuBetween .ul_level_0 {
    padding: 0 120px;
    flex-flow: nowrap;
    gap: 36px;
  }
  .homeCategoryTop li {
    width: 18%;
  }
  .homeMenu.munkatarsak .flexMenuBetween .ul_level_0,
  .homeMenu.munkatarsak .flexMenuAround .ul_level_0 {
    padding: 36px 120px;
  }
  .homeMenu.munkatarsak .flexMenuBetween .ul_level_0 li,
  .homeMenu.munkatarsak .flexMenuAround .ul_level_0 li {
    width: 20%;
  }
  .contactSection .item1 {
    border-radius: 8px;
  }
  .contactSection .item1 img {
    position: absolute;
    top: 0;
    right: 0;
    max-height: 150%;
    max-width: 130%;
  }
  .contactSection .item2 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .teaMenu {
    margin: 80px 0;
  }
  .teaMenu .item1,
  .teaMenu .item3 {
    transform: scale(1.1);
    transform-origin: center left;
  }
  .teaMenu .item2,
  .teaMenu .item4 {
    transform: scale(1.3);
    transform-origin: center right;
  }
}
@media (max-width: 1600px) {
  .homeMenu .flexMenuBetween .ul_level_0 {
    padding: 0;
    gap: 24px;
  }
  .homeGrid .articleGroupIntro h2 a {
    font-size: 24px;
    padding: 16px;
  }
  .homeGrid .articleGroupIntro .introText {
    margin-top: -16px;
  }
  .homeGrid .articleGroupIntro .more {
    align-self: center;
  }
  .teaMenu .menuItemText {
    font-size: 24px;
  }
  .contactSection .item1 img {
    max-width: 150%;
  }
}
@media (max-width: 1280px) {
  .topNav .imgContainer img {
    border-bottom-left-radius: 8px;
  }
  .topNav .bannerTextContainer .textContainer {
    padding: 0;
    grid-area: 2/7/4/13;
  }
  .topNav .bannerTextContainer .textContainer h2 {
    font-size: 22px;
    margin: 0;
    padding: 8px 9px 12px 8px;
  }
  .topNav .bannerTextContainer .textContainer h4 {
    font-size: 18px;
    padding: 8px 4px;
    margin-top: -8px;
  }
  .topNav .item7 li {
    padding-left: 36px;
  }
  .tagMenu .menuItem .menuItemText {
    margin-left: 4px;
    line-height: 1.2;
  }
  .homeMenu li .menuItemText {
    padding: 0 6px;
    font-size: 16px;
    top: 0px;
    left: 0px;
    width: 100%;
  }
  .wsTeaserGrid .carouselItem .carouselContent .carouselImg {
    height: 100px;
  }
  .contactSection .item1 img {
    max-width: 200%;
  }
  .teaMenu .menuItemText {
    font-size: 22px;
  }
}
@media (max-width: 1024px) {
  .topNav .productSearch {
    padding: 8px 0;
  }
  .topNav .logoContainer {
    padding: 0;
  }
  .topNav .item7 li {
    padding-left: 24px;
  }
  .topNav .textGrid {
    grid-template-columns: auto 1fr;
  }
  .topNav .textGrid .addrText {
    justify-self: end;
  }
  .bannerTextContainer .textContainer {
    background-position: center center;
    grid-area: 1/2/3/8;
  }
  .bannerTextContainer .textContainer h2 {
    padding-bottom: 16px;
  }
  .bannerTextContainer .textContainer h4 {
    text-align: center;
    font-size: 18px;
    padding: 4px;
  }
  .bannerTextContainer .textContainer .more {
    line-height: 2;
    margin-top: 0;
  }
  .tagMenu .menuItem::before {
    width: 130px;
  }
  .homeMenu h3,
  .teaserHead h2,
  .homeMenu h3,
  h2.homeTitle,
  .brands .carouselMenuHead h3 {
    font-size: 24px;
  }
  .homeCategoryTop .flexMenuBetween ul,
  .homeCategoryTop .flexMenuAround ul {
    justify-content: start;
    gap: 16px;
    padding: 16px 0;
  }
  .homeCategoryTop li {
    width: 30%;
  }
  .leafBg {
    padding-bottom: 24px;
  }
  .homeGrid .articleGroupIntro {
    padding-bottom: 24px;
  }
  .contactSection .item1 {
    margin-top: 16px;
  }
  /*
  	.contactSection{
		margin:24px 0;
		
		
		
		.item1{
			//border-top-left-radius: @borderRadius;
			//border-top-right-radius:@borderRadius;
			img{
				width:100%;
			}
		}	
	}	*/
  .footerGrid {
    padding-top: 16px;
  }
  .footerGrid .addrText {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .topNav .item7 li {
    padding: 0;
  }
  .topNav .catDisplay {
    justify-self: center;
  }
  .topNav .catDisplay .menuItemText {
    text-align: left;
  }
  .topNav .catDisplay #menuIconM_item_24 .menuItemText {
    padding: 0 8px;
  }
  .lpBanner .bannerTextContainer {
    position: relative;
  }
  .lpBanner .bannerTextContainer .textContainer {
    grid-area: 1/2/3/8;
    aspect-ratio: 1;
    margin-top: -50px;
  }
  .lpBanner .bannerTextContainer h2 {
    font-size: 28px;
    line-height: 1.2;
  }
  .lpBanner .bannerTextContainer h4 {
    width: 80%;
  }
  .lpBanner .quickMenuContainer {
    position: relative;
    bottom: initial;
    margin-bottom: 16px;
  }
  .tagMenu {
    margin-bottom: 24px;
  }
  .tagMenu .menuItem::before {
    width: 100%;
  }
  .tagMenu .menuItem .menuItemText {
    align-self: center;
  }
  .homeCategoryTop li {
    width: 100%;
  }
  .homeMenu h3,
  .teaserHead h2,
  .homeMenu h3,
  h2.homeTitle,
  .brands .carouselMenuHead h3 {
    font-size: 20px;
    margin-bottom: 16px;
  }
  .homeMenu {
    padding: 0;
  }
  .homeMenu .flexMenuBetween .ul_level_0 {
    margin: 16px 0;
    gap: 0;
  }
  .homeMenu .menuItemText {
    line-height: 1.1;
  }
  .teaMenu .menuItemText {
    font-size: 18px;
  }
  .teaserHead {
    padding: 24px 0;
  }
  .homeGrid .articleGroupIntro .groupIntro {
    grid-template-rows: 50px 1fr;
  }
  .footerGrid .menuItemText {
    text-align: left;
  }
}