/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
@media all and (min-width: 480px) and (max-width: 1024px) {
  /* / */
  .paragraph.topOverlay {
    margin-top: -180px;
  }

  .view-all-products .views-row {
    padding: 24px;
  }

  .view-all-products h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 4px;
  }

  .view-all-products.three-cols-products h4 {
    font-size: 17px;
    line-height: 26px;
    margin-top: 4px;
  }

  .view-all-products .imgs-product {
    margin: 15px 0;
  }

  .view-all-products .product-links-wrapper.simple-link-wrapprer {
    margin-top: 15px;
  }

  .btn.btn-default,
.btn-sm.btn,
.btn.btn-primary {
    font-size: 17px;
    line-height: 26px;
    padding: 8px 24px;
  }

  .btn {
    font-size: 17px;
    line-height: 26px;
  }

  .field--name-field-blocks > .field--items > .field--item,
.field--name-field-blocks.field--items > .field--item {
    margin-bottom: 80px;
  }

  .fullWidthNormal h2.main-title-wrapper,
.croppedNormal h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 16px;
  }

  .background-image .link-wrapper {
    margin-top: 40px;
  }

  .fullWidthLarge .body-wrapper,
.fullWidthNormal .body-wrapper,
.croppedLarge .body-wrapper,
.croppedNormal .body-wrapper {
    font-size: 23px;
    line-height: 32px;
  }

  .background-image.croppedLarge .outter-pg-wrapper,
.background-image.croppedLarge .inner-pg-wrapper,
.background-image.croppedNormal .outter-pg-wrapper,
.background-image.croppedNormal .inner-pg-wrapper {
    min-height: 600px;
  }

  .multiple-elements .content-box > h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 8px;
  }

  .elements-wrapper.hasTitle {
    margin-top: 40px;
  }

  .triple.imageCenterText .sub-element h2.main-title-wrapper,
.triple.imageLeftText .sub-element h2.main-title-wrapper {
    font-size: 26px;
    line-height: 34px;
  }

  .double .sub-element h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
    margin-bottom: 8px;
    margin-top: 24px;
  }

  .double .sub-element .body-wrapper {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 86px;
    min-height: auto;
    padding-top: 0;
  }

  .triple.titleWysiwig .sub-element h2.main-title-wrapper {
    font-size: 30px;
    line-height: 42px;
  }

  .triple.titleWysiwig .sub-element .contained-paragraph a,
.triple.titleWysiwig .sub-element .contained-paragraph .content-wrapper a {
    font-size: 17px;
    line-height: 26px;
  }

  h3,
.customTitleH3 {
    font-size: 23px;
    line-height: 32px;
    margin-top: 8px;
  }

  /* /produkte */
  .fullWidthLarge h3.sub-title-wrapper,
.fullWidthNormal h3.sub-title-wrapper,
.croppedLarge h3.sub-title-wrapper,
.croppedNormal h3.sub-title-wrapper {
    font-size: 22px;
    line-height: 28px;
    margin-top: 0;
  }

  .fullWidthLarge h2.main-title-wrapper,
.croppedLarge h2.main-title-wrapper {
    font-size: 64px;
    line-height: 72px;
    margin-bottom: 24px;
  }

  .view-all-products.two-cols-products h3 {
    font-size: 42px;
    line-height: 56px;
  }

  .view-all-products .views-row {
    padding: 30px;
  }

  .view-all-products.two-cols-products h4 {
    font-size: 23px;
    height: auto;
    line-height: 32px;
    margin-top: 8px;
  }

  .embedded-title {
    margin-bottom: 40px;
  }

  .multiple-elements .content-box > h2.main-title-wrapper,
h2.maintitle-wrapper,
.single-element.textNormal h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
  }

  h3.subtitle-wrapper {
    font-size: 23px;
    line-height: 32px;
    margin-top: 8px;
  }

  .popup-statement .statement-title {
    font-size: 30px;
    line-height: 42px;
    margin-top: 25px;
  }

  .single-element.textRight h2.main-title-wrapper,
.single-element.textLeft h2.main-title-wrapper,
.single-element.textCenter h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
  }

  .single-element.textRight .body-wrapper,
.single-element.textLeft .body-wrapper,
.single-element.textCenter .body-wrapper {
    font-size: 23px;
    line-height: 32px;
    margin-top: 8px;
  }

  /* /skin-clear-adult */
  .product-row-wrapper {
    padding: 50px;
  }

  .product-row-wrapper h2 {
    font-size: 48px;
    line-height: 56px;
  }

  .view-single-product .product-row-wrapper .product-description {
    margin-top: 8px;
  }

  .view-single-product .product-row-wrapper .product-description p {
    font-size: 23px;
    line-height: 32px;
  }

  .product-row-wrapper ol,
.product-row-wrapper ul {
    margin-top: 24px;
  }

  .product-row-wrapper .product-description li {
    font-size: 23px;
    line-height: 32px;
  }

  .product-row-wrapper .img-product {
	flex: 0 0 auto;
	width: 50%;
	max-width: 280px;
	min-width: auto;
  }

  .statement-feedback-swiper .swiper-slide {
    padding: 30px;
  }

  .feedback-statement .statement-body {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 8px;
  }

  .white-bg.form-group {
    padding-bottom: 90px;
  }

  .triple.centerTextOnly .sub-element .contained-paragraph,
.triple.timeLineLayout .sub-element .contained-paragraph,
.triple.oneTwoThree .sub-element .contained-paragraph,
.triple.leftTextOnly .sub-element .contained-paragraph,
.triple.titleWysiwig .sub-element .contained-paragraph {
    padding: 30px 30px;
  }

  .triple.centerTextOnly .sub-element h2.main-title-wrapper,
.triple.timeLineLayout .sub-element h2.main-title-wrapper {
    font-size: 36px;
    line-height: 44px;
    margin-top: 16px;
  }

  .triple.centerTextOnly .sub-element .body-wrapper,
.triple.timeLineLayout .sub-element .body-wrapper,
.triple.leftTextOnly .sub-element .text-box {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 48px;
    margin-top: 14px;
  }

  .single-element.textRight .img-box,
.single-element.textLeft .img-box {
    flex: 0 0 auto;
  }

  .single-element.textRight .text-box {
    margin-bottom: 30px;
    margin-top: 30px;
  }

  .single-element.textRight h3.sub-title-wrapper,
.single-element.textLeft h3.sub-title-wrapper,
.single-element.textCenter h3.sub-title-wrapper {
    font-size: 23px;
    line-height: 32px;
    margin-bottom: 4px;
  }

  .boxStatement .content-wrapper {
    padding: 80px 60px 100px;
  }

  .boxStatement h2.main-title-wrapper {
    font-size: 110px;
    line-height: 60px;
  }

  .boxStatement h3.sub-title-wrapper {
    font-size: 48px;
    line-height: 54px;
  }

  .boxStatement .body-wrapper {
    font-size: 23px;
    line-height: 32px;
  }

  .single-element .footer-wrapper {
    font-size: 16px;
    line-height: 26px;
  }

  .triple.oneTwoThree .sub-element h2.main-title-wrapper {
    font-size: 90px;
    line-height: 90px;
    margin-bottom: 30px;
  }

  .triple.oneTwoThree .sub-element .body-wrapper {
    font-size: 23px;
    line-height: 32px;
  }

  .product-pricing > div {
    padding: 0;
  }

  .box-title {
    font-size: 23px;
    line-height: 32px;
    padding-top: 24px;
  }

  .box-price {
    font-size: 48px;
    line-height: 56px;
    margin-top: 12px;
  }

  .vat-txt {
    font-size: 14px;
    line-height: 24px;
  }

  .box-description {
    font-size: 16px;
    margin-bottom: 24px;
    margin-top: 24px;
    padding-bottom: 24px;
    padding-top: 24px;
    line-height: 24px;
  }

  .product-pricing .box-footer {
    font-size: 14px;
    line-height: 22px;
  }

  /* /Anwendung */
  .background-image.reduced-height.paragraph.croppedLarge h2.main-title-wrapper {
    font-size: 64px;
    line-height: 72px;
  }

  .background-image.croppedLarge .outter-pg-wrapper,
.background-image.croppedLarge .inner-pg-wrapper {
    min-height: auto;
  }

  .multiple-elements .content-box > h2.main-title-wrapper,
h2.maintitle-wrapper,
.single-element.textNormal h2.main-title-wrapper {
    font-size: 48px;
    line-height: 56px;
  }

  .blogSlider .views-field-field-blog-category {
    font-size: 19px;
    line-height: 26px;
  }

  .blogSlider h3 {
    font-size: 42px;
    line-height: 42px;
  }

  .blog-slider-swiper .swiper-slide {
    padding: 30px;
  }

  .triple.leftTextOnly .sub-element h2.main-title-wrapper {
    font-size: 30px;
    line-height: 42px;
    margin-bottom: 10px;
  }

  .triple.leftTextOnly .sub-element .body-wrapper {
    font-size: 23px;
    line-height: 32px;
  }

  /* /ueber-filabe */
  .background-image .outter-pg-wrapper {
    background-position: center;
    background-size: 100% auto;
    min-height: 600px;
  }

  .background-image .inner-pg-wrapper {
    background-position: center top 20%;
    background-size: 100% auto;
    min-height: 600px;
  }

  .triple.imageCenterText.imageCenterTextJournal .sub-element h2.main-title-wrapper {
    font-size: 26px;
    line-height: 34px;
  }

  .triple.imageLeftText .sub-element.originalImage h2.main-title-wrapper {
    font-size: 26px;
    line-height: 34px;
  }

  .triple.imageLeftText .sub-element.originalImage h3.sub-title-wrapper {
    font-size: 23px;
    line-height: 32px;
    margin-top: 8px;
  }

  /* /ask-markus */
  .sub-title-wrapper {
    font-size: 23px;
    line-height: 32px;
  }

  .croppedImageText h2.main-title-wrapper {
    font-size: 64px;
    line-height: 72px;
  }

  /* /lp/skin-clear-adult */
  .background-image.topCenter .inner-pg-wrapper {
    margin-top: 0;
  }

  .background-image .content-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 160px;
  }

  .single-element.textLeft .text-box {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .video-container-button .play-btn {
    height: 90px;
    width: 90px;
  }

  .single-element .link-wrapper {
    margin-top: 50px;
  }

  .special-element.multipleImages .content-box.container h2 {
    font-size: 36px;
    line-height: 34px;
  }

  .single-element.textLeft .content-wrapper,
.single-element.textRight .content-wrapper {
    align-items: normal;
  }
  .single-element.textLeft .content-wrapper img,
.single-element.textRight .content-wrapper img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }

  .product-pricing .box-title {
    font-size: 23px;
    line-height: 32px;
  }

  .product-pricing .box-price {
    font-size: 48px;
    line-height: 56px;
    margin-top: 8px;
  }

  .product-pricing .vat-txt {
    font-size: 14px;
    line-height: 24px;
  }

  .single-element.payments-methods .text-box {
    flex-wrap: wrap;
  }

  .product-pricing > div {
    display: flex;
    flex-direction: column;
  }

  .product-pricing .box-description {
    flex: 1;
  }

  .product-pricing .box-footer {
    height: 80px;
  }

  .double.noSlider .elements-wrapper .field--items .sub-element,
.double.noSlider .elements-wrapper .field--items .sub-paragraph,
.double.noSlider .elements-wrapper .field--items .contained-paragraph,
.double.noSlider .elements-wrapper .field--items .content-wrapper {
    height: 100%;
  }
  .double.noSlider .elements-wrapper .field--items .content-wrapper,
.double.noSlider .elements-wrapper .field--items .text-box.fullWidthImage {
    display: flex;
    flex-direction: column;
  }
  .double.noSlider .elements-wrapper .field--items .text-box.fullWidthImage {
    flex: 1;
  }
  .double.noSlider .elements-wrapper .field--items .body-wrapper {
    flex: 1;
  }

  .paragraph.noBotMargin {
    margin-bottom: -80px;
  }

  .background-image.reduced-height.paragraph.noBotMargin {
    margin-bottom: -80px;
  }
  
  /********* Other Custom Styles **************/
  .paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.img-box, .paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.statement-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.img-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.statement-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.img-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.statement-box {
	display: flex;
	align-items: end;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.text-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.text-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.text-box {
	margin-top: -100px;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box {
	width: 100%;
	min-height: auto;
}  
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.img-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.img-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.img-box {
	border-radius: 0;
}  
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.text-box, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.text-box, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.text-box {
	width: calc(100% - 30px);
	box-shadow: 0 1px 4px 1px #f0f0f045;
	margin-bottom: 5px;
}  
.paragraph--type--special-sub-element.statementLeft .contained-paragraph div.content-box.statement-box {
	padding-bottom: 90px;
}
.paragraph--type--special-sub-element.statementLeft .contained-paragraph div.content-box.text-box {
	margin-top: -80px;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.statement-box > div, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.statement-box > div, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.statement-box > div {
	width: 100%;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .content-box.text-box .text-wrapper, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .content-box.text-box .text-wrapper, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .content-box.text-box .text-wrapper {
	padding: 30px 15px;
	position: static;
	width: 100%;
	transform: none;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .maxed-width, .paragraph--type--special-sub-element.imageLeft .contained-paragraph .maxed-width, .paragraph--type--special-sub-element.statementLeft .contained-paragraph .maxed-width {
	flex-direction: column-reverse;
	flex-wrap: wrap;
	max-width: 570px;
	margin: 0 auto;
}
.paragraph--type--special-sub-element.imageRight .contained-paragraph .maxed-width {
	flex-direction: column-reverse;
}
body .overlayed.popup-video.play .poping .closeme {
	position: relative;
	z-index: 9;
	left: 35px;
	top: 71px;
} 

/**** dr video in lp page ***/
.single-element.textLeft .content-wrapper, .single-element.textRight .content-wrapper {
	display: block;
}
.single-element.textRight .img-box, .single-element.textLeft .img-box {
	width: auto;
	display: block;
}
.single-element.textRight .text-box, .single-element.textLeft .text-box {
	width: auto;
	padding: 0 20px;
}
.single-element.textLeft .text-box {
	padding-left: 0;
}
div.single-element.textLeft div.contained-paragraph .text-box, div.single-element.textRight div.contained-paragraph .text-box {
	padding: 0 20px;
	margin-top: 20px;
} 
.single-element.payments-methods .text-box .body-wrapper {
	max-width: 530px;
	width: 100%;
}
.single-element.payments-methods .text-box img {
	width: 84px;
	height: auto;
	margin: 0 2px;
}
div.paragraph--type--special-element.splitLP .link-wrapper a {
	width: 215px;
}
div.paragraph--type--special-element.splitLP.splitButtons div.link-wrapper a {
	min-height: 42px;
}
div.fullWidthJournal.background-image .content-box, div.blogVariant2.background-image .content-box {
	width: auto;
} 
div.paragraph--type--background-image.blogVariant2 .outter-pg-wrapper {
	background: none !important;
}
div.background-image.clonedVariant .inner-pg-wrapper, div.background-image.clonedVariant .outter-pg-wrapper {
	min-height: 200px;
}
  
  
}