/** mentabiobolt.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 item2 item2 item2 item3 item3 item3 item3 item3 . item4 item5 ." ". item6 item6 item7  . . . . . . . . . ." ". item8 item8 item8 item9 item9 item9 item9 item9 item9 item9 item9 item9 .";
}
.topNav .r1 {
  align-self: center;
}
.topNav .topNavBg {
  grid-area: 2/1/3/15;
}
.topNav .topNavBg2 {
  grid-area: 3/2/4/14;
}
.tagMenu {
  grid-template-areas: ". item1 item1 item1 item2 item2 item2 item3 item3 item3 item4 item4 item4 .";
}
.homeMenu .lpMenu {
  grid-area: 1/2/3/14;
}
.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 {
  row-gap: 0;
  grid-template-areas: ". item1 item1 item1 item1 item1 item1 item2 item2 item2 item2 item2 item2 ." ". item1 item1 item1 item1 item1 item1 item3 item3 item3 item3 item3 item3 .";
}
.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-areas: ". item1 item1 .     item2 item2 item2 item3 item3 item3 item4 item4 item4  ." ". item5 item5 item5 item2 item2 item2 item3 item3 item3 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) {
  .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: grid;
  }
  .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 .";
  }
  .topNav .textGrid .textContainer {
    display: none;
  }
  .topNav .topNavBg {
    grid-area: 2/5/3/14;
  }
  .topNav .topNavBg2 {
    grid-area: 2/2/4/14;
    position: relative;
    z-index: -1;
  }
  .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 ." ". item1 item1 item1 item1 .     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 .item1 {
    justify-self: right;
  }
  .topNav .item2 {
    padding: 4px 0;
  }
  .topNav .item8 {
    display: none;
  }
  .topNav .topNavBg {
    grid-area: 4/7/5/14;
  }
  .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 .";
  }
  .homeGrid .homeBg {
    grid-area: 1/1/2/8;
  }
  .homeGrid .articleGroupIntro {
    grid-template-areas: "introImg introImg" "articleTitle articleTitle" "groupIntro groupIntro";
  }
  .homeCategory3 {
    grid-template-areas: ". item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 item1 ." ". item2 item2 item2 item2 item2 item2 item3 item3 item3 item3 item3 item3 .";
  }
  .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 ." ". item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 item3 .";
  }
  .footerGrid {
    grid-template-areas: ". item1 item1 . . . .                 item4 item4 item4 item4 item4 item4 ." ". item5 item5 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 item6 item6 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 ." ". item1 item1 item4 item4 item5 item5 ." ". item2 item2 item2 item2 item2 item2 ." ". item6 item6 item6 item7 item7 item7 ." ". item9 item9 item9 item9 item9 item9 .";
  }
  .topNav .topNavBg {
    grid-area: 4/5/5/8;
  }
  .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 .";
  }
  .homeMenu .lpMenu {
    grid-area: 1/2/3/8;
  }
  .homeGrid .articleGroup {
    grid-area: 1/2/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  ." ". item3 item3 item3 item3 item3 item3  .";
  }
  .footerGrid {
    grid-template-areas: ". item1 item1 .     .      .     .    ." ". item5 item5 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: 'Poppins', sans-serif, Helvetica, Arial;
}
a {
  text-decoration: none;
}
h1 {
  font-size: 30px;
}
a,
li,
.linkBtn,
.menuItemText,
.sysPanel,
.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;
}
.topNav .productSearch a {
  font-size: 24px;
  line-height: 45px;
  right: 24px;
}
.topNav .cartMenu .li_level_0 > a,
.topNav .li_level_0 > a .userMenuIcon,
.topNav .catDisplay .menuItem {
  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,
.topNav .catDisplay .menuItem .menuItemText {
  padding: 0;
}
.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 .bannerTextContainer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.topNav .bannerTextContainer .textContainer {
  position: relative;
  grid-area: 2/7/4/12;
  text-align: center;
}
.topNav .bannerTextContainer .textContainer h2 {
  text-align: center;
  font-size: 32px;
  margin: 0;
  padding: 16px 19px 24px 16px;
}
.topNav .bannerTextContainer .textContainer h4 {
  text-align: center;
  font-size: 18px;
  padding: 12px 4px;
  transform: rotate(-2deg);
  width: 90%;
  margin: -24px auto 0 auto;
}
.topNav .bannerTextContainer .textContainer .more {
  display: inline-block;
  margin: 24px auto 0 auto;
  font-size: 20px;
  padding: 0 32px;
  line-height: 3;
  border-radius: 8px;
}
.topNav .hamburgerMenu {
  position: relative;
}
.topNav .hamburgerMenu .mobileCategory {
  position: absolute;
  z-index: 20;
  left: 0;
}
.tagMenu {
  padding: 32px 0;
}
.tagMenu .menuItem {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  position: relative;
  gap: 16px;
  padding: 20px;
  font-weight: bold;
}
.tagMenu .menuItem::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 4px;
}
.tagMenu .menuItem .iconContainer {
  font-size: 24px;
}
.tagMenu .menuItem .menuItemText {
  /*margin-left:16px;*/
  font-size: 0.9em;
  line-height: 1.2;
}
.homeMenu {
  padding: 36px 0;
}
.homeMenu h3 {
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 32px;
}
.homeMenu .ul_level_0 {
  padding: 0 120px;
  flex-flow: nowrap;
  gap: 36px;
}
.homeMenu li {
  width: 20%;
  position: relative;
  line-height: 0;
}
.homeMenu li a {
  line-height: 0;
}
.homeMenu li img {
  max-width: 100%;
}
.homeCategoryTop .menuItemText {
  position: absolute;
  top: 10px;
  left: 10px;
  text-transform: uppercase;
  font-weight: bold;
  width: calc(100% - 20px);
}
.homeMenu.munkatarsak .ul_level_0 {
  border-radius: 8px;
}
.homeMenu.munkatarsak .imgContainer {
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1;
}
.homeMenu.munkatarsak .imgContainer img {
  width: 100%;
}
.homeMenu.munkatarsak .menuItemText {
  text-align: center;
  padding: 0;
  font-weight: bold;
}
.teaserHead {
  padding: 36px 0;
}
.teaserHead h2 {
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 32px;
}
.carouselGridContainer .carouselContent {
  border-radius: 8px;
}
.wsTeaserGrid {
  margin-bottom: 36px;
}
.wsTeaserGrid .carouselItem {
  transition: 0.4s ease-in-out;
}
.wsTeaserGrid .carouselItem:hover {
  transform: scale(1.03);
}
.wsTeaserGrid .carouselItem .carouselContent {
  overflow: hidden;
  padding: 16px;
  grid-template-areas: "item4 item4" "item2 item2" "item5 item5" "item6 item6";
  /*.carouselImg{
			//	height:350px;
				//justify-self: initial;
				img{
					//width:100%;
					//max-height: initial;
					}
				}*/
}
.wsTeaserGrid .carouselItem .carouselContent .item1,
.wsTeaserGrid .carouselItem .carouselContent .item3 {
  display: none;
}
.wsTeaserGrid .carouselItem .carouselContent .productName,
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice .priceInstead {
  min-height: 0;
}
.wsTeaserGrid .carouselItem .carouselContent .productName {
  font-weight: bold;
}
.wsTeaserGrid .carouselItem .carouselContent .teaserPrice {
  text-align: left;
  grid-template-areas: "priceInstead" "priceNormal " "vatText";
}
.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;
}
.wsTeaserGrid .carouselItem .carouselContent .gridPanel {
  padding: 0 20px;
  line-height: 45px;
}
.homeGrid .articleGroupIntro {
  overflow: hidden;
}
.homeGrid .articleGroupIntro .articleTitle {
  align-self: end;
  justify-self: center;
}
.homeGrid .articleGroupIntro h2 a {
  text-align: center;
  font-size: 32px;
  margin: 0;
  padding: 24px;
  display: inline-block;
}
.homeGrid .articleGroupIntro .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;
}
.homeGrid .articleGroupIntro .groupIntro {
  position: relative;
  grid-template-rows: 20px 1fr;
}
.homeGrid .articleGroupIntro .more {
  position: relative;
  display: inline-block;
  align-self: start;
  justify-self: center;
  font-size: 20px;
  padding: 0 32px;
  line-height: 3;
  border-radius: 8px;
  z-index: 10;
}
.homeIntro,
.articleGroupIntro {
  border-radius: 8px;
}
.homeIntro .introText,
.articleGroupIntro .introText {
  max-height: 100px;
  overflow: hidden;
  position: relative;
}
.homeIntro .introText::after,
.articleGroupIntro .introText::after {
  content: " ";
  display: block;
  width: 100%;
  height: 20%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.homeCategory3 {
  margin-bottom: 36px;
}
.homeCategory3 .menuItem {
  border-radius: 8px;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
}
.homeCategory3 .menuItemText {
  grid-area: menuItemText;
  font-size: 28px;
  line-height: 45px;
  font-weight: bold;
}
.homeCategory3 .menuItemImg {
  grid-area: menuItemImg;
  align-self: end;
}
.homeCategory3 .item1 {
  padding: 16px;
  grid-template-columns: 2fr 3fr;
  gap: 24px;
  grid-template-areas: "menuItemText menuItemImg";
}
.homeCategory3 .item2 {
  padding: 16px;
  grid-template-areas: "menuItemText" "menuItemImg";
}
.homeCategory3 .item3 {
  grid-template-areas: "menuItemText";
}
.homeCategory3 .item3 .menuItemText {
  padding: 16px;
}
.homeCategory3 .item3 .menuItemImg {
  grid-area: 1/1/2/2;
  height: 100%;
}
.homeCategory3 img {
  max-width: 100%;
}
.homeBlog {
  row-gap: 0;
}
.homeBlog h2 {
  margin: 32px  0;
}
.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;
}
.brands {
  padding: 24px 0;
}
.brands .carouselMenuHead h3 {
  text-transform: uppercase;
  margin-bottom: 24px;
  font-size: 32px;
  grid-area: 1/2/2/14;
}
.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 {
  margin: 36px 0;
}
.contactSection .item1 {
  position: relative;
  overflow: hidden;
}
.contactSection .item2 {
  padding: 16px 36px;
}
.contactSection .item2 h2 {
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.contactSection .item2 p {
  margin: 0;
  padding: 0 0 0 16px;
  line-height: 1.5;
}
.contactSection .item2 a {
  font-weight: bold;
}
.contactSection .item3 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.contactSection iframe {
  width: 100%;
  height: 100%;
  min-height: 400px;
}
.inner .topNav {
  margin-bottom: 36px;
}
.articleBody {
  line-height: 1.5;
}
.articleHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}
.mainContentGrid {
  padding: 36px 0;
}
/*
.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;
  word-wrap: anywhere;
}
.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;
}
.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: 12px 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;
  padding: 12px 6px;
}
.gridModule .gridModuleHead h3 {
  margin: 0;
  line-height: 42px;
  text-align: center;
}
.gridModule .gridModuleContent {
  padding: 56px 0;
}
.footerGrid {
  padding-top: 36px;
}
.footerGrid img {
  max-width: 100%;
}
.footerGrid .lpMenu:not(.socialMenu) li {
  width: 100%;
}
.footerGrid .addrText {
  line-height: 1.5;
}
.footerGrid .addrText .iconContainer {
  font-size: 24px;
}
.footerGrid .menuItemText {
  padding: 0;
}
.footerGrid .item4 h2 {
  text-align: center;
  transform: rotate(-2deg);
  margin-bottom: 24px;
  line-height: 2;
}
.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;
}
.socialMenu .iconContainer {
  font-size: 32px;
}
.socialMenu li {
  width: auto;
}
.socialMenu li:not(last-child) {
  margin-right: 16px;
}
.srollTopButton {
  border-radius: 8px;
}
.modPrivLink {
  border-top-right-radius: 4px;
}
@media (min-width: 576px) {
  .topNav .catDisplay {
    padding-left: 36px;
  }
}
@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;
  }
  .homeMenu.munkatarsak .flexMenuBetween .ul_level_0 li,
  .homeMenu.munkatarsak .flexMenuAround .ul_level_0 li {
    width: 13%;
  }
  .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;
  }
}
@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;
  }
  .contactSection .item1 img {
    max-width: 150%;
  }
}
@media (max-width: 1280px) {
  .topNav .topNavBg {
    border-top-right-radius: 8px;
  }
  .topNav .topNavBg2 {
    border-top-left-radius: 8px;
  }
  .topNav .catDisplay {
    border-top-left-radius: 8px;
  }
  .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: 150px;
  }
  .contactSection .item1 img {
    max-width: 200%;
  }
}
@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;
  }
  .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%;
  }
  .homeMenu.munkatarsak .flexMenuBetween ul,
  .homeMenu.munkatarsak .flexMenuAround ul {
    gap: 16px;
    padding: 16px;
    justify-content: center;
  }
  .homeMenu.munkatarsak .flexMenuBetween li,
  .homeMenu.munkatarsak .flexMenuAround li {
    width: 48%;
  }
  .homeGrid .articleGroupIntro {
    padding-bottom: 24px;
  }
  .contactSection {
    margin: 24px 0;
  }
  .contactSection .item1 {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }
  .contactSection .item1 img {
    width: 100%;
  }
  .footerGrid {
    padding-top: 16px;
  }
  .footerGrid .addrText {
    font-size: 18px;
  }
}
@media (max-width: 576px) {
  .topNav {
    margin-bottom: 90px;
  }
  .topNav .item7 li {
    padding: 0;
  }
  .topNav .catDisplay {
    justify-self: center;
  }
  .topNav .bannerTextContainer {
    top: 50%;
  }
  .topNav .bannerTextContainer .textContainer {
    grid-area: 2/2/4/12;
  }
  .topNav .bannerTextContainer .textContainer h2 {
    font-size: 20px;
    padding: 4px 4px 8px 4px;
    line-height: 1.2;
  }
  .topNav .bannerTextContainer .textContainer h4 {
    font-size: 18px;
    padding: 4px;
    line-height: 1.1;
  }
  .tagMenu .menuItem::before {
    width: 100%;
  }
  .homeCategoryTop li {
    width: 100%;
  }
  .homeMenu h3,
  .teaserHead h2,
  .homeMenu h3,
  h2.homeTitle,
  .brands .carouselMenuHead h3 {
    font-size: 20px;
    margin-bottom: 0;
  }
  .homeMenu {
    padding: 0;
  }
  .homeMenu.munkatarsak .flexMenuBetween li,
  .homeMenu.munkatarsak .flexMenuAround li {
    width: 90%;
  }
  .teaserHead {
    padding: 0 0 16px 0;
  }
  .homeGrid .articleGroupIntro .groupIntro {
    grid-template-rows: 50px 1fr;
  }
  .footerGrid .menuItemText {
    text-align: left;
  }
}