/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 17 2025 | 15:14:42 */
/*
	id: homepage
	name: Homepage | SCSS
	version: 0.1.0
	created: 08/08/24
	updated: 
	Samuel Flimel
*/
body .erecept-gradient-section.wa-hp-only-section, body .erecept-gradient-section.wa-hp-only-section.erecept-gradient-section--mobile {
  display: none !important; }

body.erecept-app-landing .wa-hp-only-section {
  display: block !important; }

body .wa-hp-section-lg--app .ct-section-inner-wrap {
  padding-top: 0 !important;
  padding-bottom: 5rem !important; }

.erecept-adv-wrapper {
  display: grid !important;
  align-items: stretch;
  grid-template-columns: repeat(4, minmax(1px, 1fr));
  gap: 8rem !important; }

.erecept-adv-box-img-wrapper {
  position: relative; }
  .erecept-adv-box-img-wrapper img {
    max-height: 7rem;
    width: auto; }
  .erecept-adv-box__title {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    position: relative; }
  .erecept-adv-box__desc {
    line-height: 20.7px;
    font-size: 1.8rem !important;
    color: var(--blue) !important;
    font-weight: 400;
    text-align: center; }

body .wa-erecept-disclaimer {
  display: grid !important;
  grid-template-columns: 1.8fr 3.2fr !important;
  gap: 2.4rem !important;
  align-items: stretch; }
  body .wa-erecept-disclaimer .erecept-guarantee {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    background: #fff;
    border-radius: 10px;
    padding: 2.5rem 4rem;
    max-width: 1100px;
    margin-left: auto;
    margin-right: auto;
    width: 100% !important; }
  body .wa-erecept-disclaimer .erecept-guarantee__heading-wrapper {
    gap: 2.4rem !important; }
  body .wa-erecept-disclaimer .erecept-guarantee__left {
    margin-right: 3rem;
    min-width: fit-content; }
  body .wa-erecept-disclaimer .erecept-guarantee__img {
    min-height: 11rem;
    min-width: fit-content; }
  body .wa-erecept-disclaimer .erecept-guarantee__title {
    font-size: 3.2rem;
    margin-bottom: 1rem !important;
    font-weight: 700 !important; }
  body .wa-erecept-disclaimer .erecept-guarantee__desc {
    font-size: 2rem;
    font-weight: 400;
    line-height: 23px; }
    body .wa-erecept-disclaimer .erecept-guarantee__desc b {
      font-weight: 700; }
  body .wa-erecept-disclaimer-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 2rem;
    text-align: center;
    white-space: nowrap; }
  body .wa-erecept-disclaimer-body > .ct-text-block {
    font-weight: 700 !important; }
  body .wa-erecept-disclaimer-body > .ct-shortcode {
    font-size: 5.6rem !important;
    font-weight: 500; }
  body .wa-erecept-disclaimer__icon {
    height: 11rem;
    width: 11rem !important;
    margin-right: 4rem !important; }
  body .wa-erecept-disclaimer .wa-show-pharmacies {
    text-decoration: underline;
    font-weight: 700;
    color: var(--green);
    background-color: transparent;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 1.8rem !important;
    margin-top: 0.5rem !important; }

.wa-hp-products {
  width: 100% !important;
  align-items: center !important; }
  .wa-hp-products--desktop {
    display: flex !important; }

.wa-hp-benefits {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  align-items: stretch !important;
  gap: 2.7rem; }
  .wa-hp-benefits-box {
    display: flex;
    flex-direction: row !important;
    align-items: center !important;
    gap: 3.2rem;
    padding: 4.3rem 3.2rem;
    border-radius: 10px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95%; }
  .wa-hp-benefits-box__img {
    z-index: 20;
    width: 17rem !important;
    height: auto !important; }
  .wa-hp-benefits-box__body {
    display: flex;
    flex-direction: column;
    z-index: 1; }
  .wa-hp-benefits-box__heading {
    font-weight: 700;
    font-size: 2.6rem !important;
    line-height: 29.9px !important; }
  .wa-hp-benefits-box__desc {
    font-size: 2rem !important;
    line-height: 23px !important;
    margin-top: 0.8rem !important; }
  .wa-hp-benefits-box__link {
    text-decoration: underline !important;
    text-align: left !important;
    font-weight: 700;
    color: var(--green);
    background-color: transparent;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: 2rem !important;
    margin-top: 2.4rem !important; }

.wa-product-grid-link {
  text-decoration: underline !important;
  text-align: left !important;
  font-weight: 700;
  color: var(--green);
  background-color: transparent;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 2rem !important;
  margin-top: 3.2rem !important;
  margin-left: auto;
  margin-right: auto; }

input[aria-invalid="true"], input[data-invalid], input:focus, input[data-focus] {
  border-width: 0.5px !important; }

input {
  border-color: #bdbdbd !important;
  border-width: 0.5px !important; }

@media (max-width: 768px) {
  body .erecept-hero-section .ct-section-inner-wrap {
    padding-top: 1rem !important; } }

@media (max-width: 1280px) {
  .erecept-adv-wrapper {
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 1200px) {
  body .wa-erecept-disclaimer {
    grid-template-columns: 1fr 1.3fr !important; } }

@media (max-width: 1024px) {
  /*@media (max-width: 991px) {
	
	body .wa-erecept-faq--desktop, .wa-faq-read-more--desktop {
		display: none !important;
	}
	
	body .wa-erecept-faq--mobile, .wa-faq-read-more--mobile {
		display: block;
	}
	
	body .wa-erecept-disclaimer {

        &--desktop {
		    display: none !important;
	    }
    }

    body .wa-erecept-disclaimer {
        
        &--mobile {
            display: flex !important;
            flex-direction: column;

            .wa-erecept-disclaimer-right {
                flex-direction: column !important;
                position: relative;
                padding-bottom: 2rem;

                .wa-erecept-disclaimer__icon {
                    max-height: 5.8rem;
                    margin: 0 !important;
                }

                .wa-erecept-disclaimer-body {
                    margin-top: 2rem;

                    > .ct-text-block {
                        font-size: 1.8rem;
						font-weight: 700;
                    }

                    > .ct-shortcode {
						font-size: 4.5rem !important;
                        margin-top: 0 !important;
                    }
                }
            }
	    }
    }
	
	//Section swap
	body .erecept-gradient-section {
		background: #FFF;

		&--mobile {
			background: linear-gradient(180deg, #F8F8F8 -4.15%, rgba(248, 248, 248, 0) 87.58%) !important;
		}
	}
	
	
    body .erecept-guarantee {
		flex-direction: column !important;
		padding: 3rem 2rem 2rem 2rem !important;
		position: relative;

        &__left {
            margin: 0 !important;
            position: absolute;
            top: 0;
            transform: translatey(-50%);
        }

        &__img {
            max-height: 5rem !important;
            min-height: unset !important;
			margin: 0 !important;
        }
		
		&__desc {
			margin-top: 1.5rem;
		}
	}

	//Section Swap
	body.erecept-app-landing .erecept-gradient-section.wa-hp-only-section.erecept-gradient-section--mobile {
    	display: block !important;
		padding-top: 1.6rem !important;
		
		.ct-section-inner-wrap {
			padding-bottom: 3rem;
		}
	}
	
	body .erecept-gradient-section {

		&--desktop {

			.ct-section-inner-wrap {
				padding-bottom: 1.6rem !important;
			}

			.erecept-adv-wrapper, .wa_accorion_wrapper, .erecept-headline--desktop {
				display: none !important;
			}
		}

		&--mobile {
			display: flex !important;
			padding-top: 3.5rem !important;
		}

		.erecept-adv-wrapper {
			gap: 2.8rem !important;
			//margin-bottom: 3.2 !important;
		}

		.erecept-adv-box {
			padding: 0 !important;
		}

		.erecept-guarantee {
			padding: 1.6rem 1.2rem !important;
		}
	}
	
	//Products swap
	.wa-hp-products {
		
		&--desktop {
			display: none !important;
		}
		
		&--mobile {
			display: flex !important;
			margin-top: 2.4rem !important;
		}
	}
	
	//Product link under products
	.wa-product-grid-link {
		font-size: 1.8rem !important;		    
		margin-top: 2.4rem !important;
	}
	
	//Benefits swap
	.wa-hp-benefits {
		
		&--desktop {
			display: none !important;
		}
		
		&--mobile {
			display: grid !important;
			grid-template-columns: 1fr !important;
			gap: 1.6rem !important;
			margin-top: 2.4rem !important;
			margin-bottom: 3rem !important;
		}
		
		&-box {
			padding: 2rem 2.7rem !important;
			background-size: 30% !important;
			border-radius: 5px !important;
			
			&__img {
				width: 12rem !important;
				height: auto !important;
			}
			
			&__heading {
				font-size: 2rem !important;
				line-height: 23px !important;
			}
			
			&__desc {
				font-size: 1.6rem !important;
				line-height: 18.4px !important;
			}
			
			&__link {
				font-size: 1.8rem !important;
				line-height: 20.7px !important;
				margin-top: 1.6rem !important;
			}
		}
	}
}

@media(max-width: 768px) {

	.erecept-adv-wrapper {
		padding-left: 1.2rem;
		padding-right: 1.2rem;
	}

	body .erecept-hero-section .ct-section-inner-wrap {
		padding-top: 1rem !important;
	}

	.erecept-headline__text {
		font-size: 2rem !important;
	}
}

@media (max-width: 767px) {

    body .erecept-guarantee {

        &__title {
		    font-size: 2.4rem !important;
		    font-weight: 700;
		    margin-bottom: 0!important;
		    line-height: 27px;
        }

        &__desc {
            font-size: 1.6rem !important;
			line-height: 18.4px !important;
        }
	}

	body .erecept-hero-section .ct-section-inner-wrap {
		padding-bottom: 1.6rem !important;
	}

    body .erecept-adv-wrapper {
		grid-template-columns: 1fr;
	}

	body .erecept-adv-box {

		&__title {
			font-size: 1.8rem !important;
			margin-bottom: 1.6rem !important;
		}
		
		&__desc {
			font-size: 1.6rem !important;
		}

		&-img-wrapper {
			img {
				height: 4.3rem !important;
			}
		}
	}
	
	body .wa-hp-benefits {
		
		&-box {
			background-size: 60%;
			padding: 2.3rem 1.2rem!important;
			gap: 2.6rem;
				
			//First box
			&:first-child {
				position: relative;
				background-image: none !important;
				
				//Left
				&:before {
					content: "";
			        background: url(/mam-erecept/wp-content/uploads/2024/08/box-1-bg-mobile-left.svg);
			        position: absolute;
			        background-repeat: no-repeat;
      				height: 87%;
			        width: 9rem;
			        background-size: contain;
			        top: 10%;
			        left: 2%;
				}
				
				//Right
				&:after {
					content: "";
			        background: url(/mam-erecept/wp-content/uploads/2024/08/box-1-bg-mobile-right.svg);
			        position: absolute;
			        background-repeat: no-repeat;
      				height: 75%;
			        width: 5rem;
			        background-size: contain;
			        top: 10%;
			        right: 2%;
				}
			}
		
			//Second box
			&:last-child {
				position: relative;
				background-image: none !important;		
				
				//Left
				&:before {
					content: "";
			        background: url(/mam-erecept/wp-content/uploads/2024/08/box-2-bg-mobile-left.svg);
			        position: absolute;
			        background-repeat: no-repeat;
      				height: 87%;
			        width: 10rem;
			        background-size: contain;
			        top: 5%;
			        left: 2%;
				}
				
				//Right
				&:after {
			        content: "";
        			background: url(/mam-erecept/wp-content/uploads/2024/08/box-2-bg-mobile-right.svg);
        			position: absolute;
     				background-repeat: no-repeat;
      			  	height: 2rem;
			        width: 2rem;
			        background-size: contain;
			        bottom: 5%;
			        right: 3%;
				}
			}	
		}
	}

	.erecept-gradient-section {

		.erecept-headline__text {
			font-size: 26px !important;
		}
	}
}
*/
    #div_block-27-290258 {
      margin-top: 6rem; }
    .oxy-pro-accordion_inner h4.oxy-pro-accordion_title {
      font-size: 1.6rem !important; } }

@media (min-width: 992px) {
  body .wa-hp-section-md {
    display: none; } }

@media (max-width: 991px) {
  body .wa-hp-section-lg.wa-hp-only-section {
    display: none !important; }

  body .wa-hp-section-lg {
    display: none !important; }

  body .erecept-hero-section--hp {
    display: none !important; }

  body.home {
    background-color: #f7f7f7 !important; }

  body .wa-hp-only-section.wa-splide-section .ct-section-inner-wrap {
    padding-top: 1rem !important; }

  body .wa-hp-section-md {
    --md-padding: var(--space-s);
    --md-padding-small: calc(var(--space-s) * .5);
    --md-heading-size: var(--text-l);
    --md-subheading-size: var(--text-m);
    --md-content-size: var(--text-s);
    --md-radius: var(--radius-m); }
    body .wa-hp-section-md .ct-section-inner-wrap {
      padding-top: var(--space-xs);
      padding-bottom: var(--space-m) !important;
      gap: var(--space-s); }
    body .wa-hp-section-md--first .ct-section-inner-wrap {
      padding-top: 1rem !important;
      padding-bottom: 0 !important; }
    body .wa-hp-section-md-menu {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: calc(var(--space-xs) * .5);
      width: 100%; }
      body .wa-hp-section-md-menu-box {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding: var(--md-padding);
        gap: calc(var(--space-xs) * .5);
        background-color: var(--white);
        border-radius: var(--md-radius);
        color: var(--blue);
        font-weight: 500;
        height: 100%; }
        body .wa-hp-section-md-menu-box__icon {
          object-fit: contain;
          border-radius: 50%;
          width: 3.5rem;
          height: 3.5rem; }
        body .wa-hp-section-md-menu-box__text {
          font-size: var(--md-subheading-size);
          line-height: 120%; }
    body .wa-hp-section-md-usp {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: calc(var(--space-xs)* .5);
      width: 100%; }
      body .wa-hp-section-md-usp-box {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
        align-items: center;
        padding: var(--md-padding-small);
        gap: calc(var(--space-xs) * .5);
        border-radius: var(--md-radius);
        text-align: left;
        font-size: var(--md-subheading-size);
        position: relative;
        overflow: hidden; }
        body .wa-hp-section-md-usp-box__icon {
          height: 8.4rem;
          width: 8.4rem; }
          body .wa-hp-section-md-usp-box__icon img {
            object-fit: contain; }
        body .wa-hp-section-md-usp-box--pink {
          background-color: #ffe7ef;
          color: #d92b63; }
        body .wa-hp-section-md-usp-box--blue {
          background-color: #ddf5ff;
          color: #00aeef; }
          body .wa-hp-section-md-usp-box--blue .wa-hp-section-md-usp-box__icon {
            object-fit: contain;
            aspect-ratio: 1;
            margin-bottom: calc(var(--md-padding) * -1); }
    body .wa-hp-section-md-products {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: var(--space-xs);
      width: 100%;
      text-align: center; }
      body .wa-hp-section-md-products__heading {
        font-size: var(--md-heading-size);
        color: var(--blue);
        font-weight: 500;
        line-height: 115%; }
      body .wa-hp-section-md-products__link {
        background-color: var(--blue);
        border-radius: var(--radius-s);
        font-size: var(--md-subheading-size);
        color: var(--white);
        font-weight: 500;
        padding: 0.8rem 2rem;
        transition: 0.2s all ease-in-out; }
    body .wa-hp-section-md-benefits {
      display: flex;
      flex-direction: column;
      width: 100%;
      padding: var(--md-padding);
      gap: calc(var(--space-xs) * .5);
      background-color: var(--white);
      border-radius: var(--md-radius); }
      body .wa-hp-section-md-benefits__heading {
        font-size: var(--md-subheading-size);
        color: var(--blue);
        font-weight: 700;
        line-height: 115%; }
      body .wa-hp-section-md-benefits__content {
        display: flex;
        flex-direction: column;
        gap: calc(var(--space-xs) * .5); }
      body .wa-hp-section-md-benefits__iconbox {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: calc(var(--space-xs) * .5); }
      body .wa-hp-section-md-benefits__inner {
        display: flex;
        flex-direction: column;
        gap: calc(var(--space-xs) * .2); }
      body .wa-hp-section-md-benefits__icon {
        width: 2.4rem;
        height: 2.4rem;
        aspect-ratio: 1;
        object-fit: contain; }
      body .wa-hp-section-md-benefits__text {
        font-size: var(--md-content-size);
        line-height: 115%; }
    body .wa-hp-section-md-infobanner {
      width: 100%;
      aspect-ratio: 374/145;
      object-fit: contain;
      border-radius: var(--md-radius);
      overflow: hidden; }
      body .wa-hp-section-md-infobanner img {
        width: 100%;
        height: 100%; }
    body .wa-hp-section-md-guarantee {
      display: flex;
      flex-direction: column;
      padding: var(--md-padding);
      gap: calc(var(--space-xs) * .5);
      background-color: var(--white);
      border-radius: var(--md-radius); }
      body .wa-hp-section-md-guarantee__top {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--space-xs) * .5); }
      body .wa-hp-section-md-guarantee__heading {
        font-size: var(--md-subheading-size);
        color: var(--blue);
        font-weight: 700;
        line-height: 115%; }
      body .wa-hp-section-md-guarantee__icon {
        width: 2.4rem;
        height: 2.4rem;
        aspect-ratio: 1;
        object-fit: contain; }
      body .wa-hp-section-md-guarantee__text {
        font-size: var(--md-content-size);
        line-height: 115%; } }
  @media (max-width: 991px) and (max-width: 487px) {
    body .wa-hp-section-md {
      --md-padding: var(--space-xs);
      --md-padding-small: calc(var(--space-xs) * .5);
      --md-heading-size: var(--text-m);
      --md-subheading-size: var(--text-s);
      --md-content-size: var(--text-xs); } }
    @media (max-width: 991px) and (max-width: 350px) {
    body .wa-hp-section-md-usp {
      grid-template-columns: repeat(1, minmax(0, 1fr)); } }
      @media (max-width: 991px) and (max-width: 400px) {
      body .wa-hp-section-md-usp-box__text {
        font-size: 12px !important; } }
      @media (max-width: 991px) and (max-width: 400px) {
      body .wa-hp-section-md-usp-box__icon {
        height: 6.4rem;
        width: 7.4rem; } }