#mein-portfolio {
	display: none;
}

body {
    overflow-x: hidden;
}

/* Kachelwechsler Top Home START */

.features-tab-area .nav-pills {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 40px;
    margin: 0 auto;
}

.features-tab-area .nav-pills li button,
.card-body a.morebutton
{
    position: relative;
	padding: 0;
	margin: 0;
    background: var(--swiper-theme-color);
    color: #333;
    font-weight: 300;
    font-size: 1em;
    text-align: center;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all ease-in 300ms;
	box-shadow: none;
	border-radius: 0 !important;
}

.features-tab-area .nav-pills li button span {
	
}	

.anmeldeinfo {
	font-size: .85em;
	line-height: 1.4em;
}

.card-body a.morebutton  {
	padding: 40px 20px 60px 20px !important;
	/* min-height: 140px; */
	font-size: 1.2em !important;
    clip-path: unset;
}

.card-body a.morebutton.collapsed  {
	font-size: 1.2em !important;
    clip-path: unset;
}

.card {
    background: transparent;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background: white;
    color: #e6b980;
	font-weight: 500;
}

.alilhigh {
	min-height: 64px;
	display: flex;
	align-content: center;
}

.multiverse span.grasgreen {
    background: #ffffff;
	color: var(--darkjewelcolor);
	box-shadow: inset 0 0 0 1px var(--darkjewelcolor);
	padding: .25em .75em;
}

.features-tab-area .kontaktform .nav-pills li button {
    background: #555;
    color: #fff;
    line-height: 1.1em;
}

.features-tab-area.thelessmargin .nav-pills li button {
      background: #555;
}

.features-tab-area.thelessmargin .nav-pills li button {
      padding: 0 !important;
}

#ernaehrung .features-tab-area .nav-pills li button.active {
        background: #fcc00e;
        color: #555;
}

#bkg_changer.features-tab-area .nav-pills li button.active {
        background: #fcc00e;
        color: #555;
}

#bkg_changer.features-tab-area .tab-content {
    padding: 10px 0 0;
    border: none;
    background: none; 
}

.features-tab-area .kontaktform .tab-content {
    padding: 25px;
    border: none;
}

.features-tab-area.thelessmargin .tab-content {
        padding: 0;
        border: 0;
}

.features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box {
      position: relative;
      text-align: center;
      padding: 0 30px; }
      .features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon {
        display: flex;
        justify-content: center;
        margin-bottom: 40px; }
        .features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon .features-box-icon-inner {
          height: 160px;
          width: 160px;
          background: #666666;
          display: flex;
          justify-content: center;
          align-items: center; }
      .features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-content h3 {
        font-size: 28px;
        margin-bottom: 0; }
      .features-tab-area .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .sep {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%; }
.features-tab-area-offer {
  padding: 100px 0; }
  .features-tab-area-offer .nav-pills {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    margin-bottom: 0 !important; }
    .features-tab-area-offer .nav-pills li button {
      width: 100%;
      background: #DFDFDF;
      font-size: 23px;
      line-height: 65px;
      padding: 0 20px;
      font-weight: 700;
      color: #666666;
  
      border-radius: 0; }
      .features-tab-area-offer .nav-pills li button.active {
        background: #ffc600;
        color: #fff; }
  .features-tab-area-offer .tab-content {
    padding: 50px;
    border: 5px solid #ffc600; }
    .features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-title {
      font-size: 36px;
      text-align: center;
      margin-bottom: 20px; }
      .features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-title span {
        text-decoration: underline; }
    .features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-list {
      margin-bottom: 30px; }
      .features-tab-area-offer .tab-content .features-tab-content-wrap .f-tab-content-list li {
        font-size: 24px; }
    .features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box {
      position: relative;
      text-align: center;
      padding: 0 30px; }
      .features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon {
        display: flex;
        justify-content: center;
        margin-bottom: 40px; }
        .features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-icon .features-box-icon-inner {
          height: 160px;
          width: 160px;
          background: #666666;
          display: flex;
          justify-content: center;
          align-items: center; }
      .features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .features-box-content h3 {
        font-size: 28px;
        margin-bottom: 0; }
      .features-tab-area-offer .tab-content .features-tab-content-wrap .features-box-wrap .single-features-box .sep {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
}

.features-tab-content-wrap h3 {
	hyphens: auto;
	margin-top: .5em;
}

.grid-table {
	display: grid;
	grid-template-columns: repeat(2, 1fr); /* 2 Spalten */
	grid-template-rows: repeat(3, auto); /* 3 Reihen */
	justify-content: start; /* linksbündig, optional */
}

.btn-special {
	border: 1px solid #454545;
	background: transparent;
	border-radius: 0;
	padding: 0.6em 1em 0.4em !important;
}

.btn-special:hover {
	background: var(--standardjewelcolor) !important;
    border: 1px solid var(--standardjewelcolor) !important;
    color: #fff !important;
}

/* Liste Leistungen in Content-Kacheln */

ul.punkteliste {
	margin: 1em 0 0 2em;
	list-style: none;
}

ul.punkteliste li {
	position: relative;
	margin-bottom: .75em;
	color: var(--darkjewelcolor);
	font-weight: 400;
}

ul.punkteliste li::before {
	content: "\f164";
	font: var(--fa-font-solid);
	position: absolute;
	top: 50%;
	left: -40px;
	transform: translatey(-50%);
	font-size: 1em;
	font-weight: 400;
	color: var(--darkjewelcolor);
}

ul.punkteliste.plant li::before {
	content: "\f5bb";
	font: var(--fa-font-solid);
}

ul.punkteliste.seed li::before {
	content: "\f4d8";
	font: var(--fa-font-solid);
}

ul.punkteliste.leaf li::before {
	content: "\f06c";
	font: var(--fa-font-solid);
}

.morebutton {
    border-radius: 0 !important;
    background: var(--darkjewelcolor) !important;
    color: #fff;
    padding: .75em !important;
    border: none !important;
    height: 100% !important;
    font-size: 1em !important;
    position: relative !important;
    box-shadow: 0 2px 0 rgba(255,255,255,.4);
}

.morebutton:focus,
.morebutton:active,
.morebutton:hover {
    color: rgba(255,255,255,.65);
}

.threeofthem .morebutton {
    background: var(--darkjewelcolor) !important;
}


/* Position of tile arrow down */

.features-tab-area button.nav-link::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #e6b980 transparent transparent transparent;
    opacity: 0;
    transition: all ease-in 200ms;
    z-index: 1;
}

.features-tab-area button.nav-link.active::before {
    border-width: 30px 30px 0 30px;
    bottom: -29px;
    opacity: 1;
}

.multiverse {
    position: relative;
}

.card {
    border: none;
    border-radius: 0;
	padding-top: 0;
    overflow: hidden;
}

.card-body {
    padding: 0;
}

.card-body h3 {
    hyphens: auto;
}

.card-body .col-12 a {
	color: var(--darkjewelcolor);
	font-size: 500;
}

.card-img, .card-img-top {
    border-radius: 0;
}

.card-title {
    background: #555;
    color: #fff;
}

.card-title-color {
    color: #fff;
}

.card-text-block  {
  position: relative;
  bottom: 90%;
  left: 10%;
  background-color: darkorange;
  color: white;
  padding-left: 20px;
  padding-right: 20px;
}

/* Kachelwechseler Top Home END */





/* SWIPER */

#SliderWrapper,
#SliderWrapper .swiper-container {
    overflow: hidden;
    max-width: 100%;
}

    .hiddencontent .swiper-slide {
      text-align: center;
      font-size: 18px;
      display: flex;
      justify-content: center;
      align-items: center;
	  background-size: cover;
      background-position: center;
    }

    .hiddencontent .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .hiddencontent .swiper {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }

    .hiddencontent .mySwiper2 {
      height: 40% !important;
      width: 100%;
    }

    .hiddencontent .mySwiper {
      height: 20% !important;
      box-sizing: border-box;
      padding: 10px 0;
    }

    .hiddencontent .mySwiper2 .swiper-slide {
      width: 25%;
      height: 100%;
    }

	.hiddencontent .mySwiper .swiper-slide {
		opacity: 0.4;
    }

    .hiddencontent .mySwiper .swiper-slide-thumb-active {
      opacity: 1 !important;
    }

/* Swiper END */