/* Globale Einstellungen */

/* pt-sans-regular - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/pt-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/pt-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/pt-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/pt-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/pt-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/pt-sans-v17-latin-regular.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-sans-700 - latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/fonts/pt-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/pt-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/pt-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/pt-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/pt-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/pt-sans-v17-latin-700.svg#PTSans') format('svg'); /* Legacy iOS */
}

/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/fonts/pt-serif-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/pt-serif-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/pt-serif-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/pt-serif-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/pt-serif-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/pt-serif-v17-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}

/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/fonts/pt-serif-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
	url('/wp-content/fonts/pt-serif-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/wp-content/fonts/pt-serif-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('/wp-content/fonts/pt-serif-v17-latin-700.woff') format('woff'), /* Modern Browsers */
	url('/wp-content/fonts/pt-serif-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('/wp-content/fonts/pt-serif-v17-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}

*, *:before, *:after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: 'PT Sans', sans-serif;
}

.block-space--top {
  padding-top: 100px;
}

.block-space--bottom {
  padding-bottom: 100px;
}

.hide {
  display: none !important;
}

.wp-block-spacer[aria-hidden="true"] {
  display: block;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  font-family: "PT Serif";
  font-weight: 400;
}

h1 {
  font-size: 36px;
  line-height: 1.3;
  background: transparent;
}

.h1-box h1 {
  font-size: 28px!important;
  line-height: 1.3;
}

.intro-block h1 {
  text-align:center
}

@media screen and (max-width: 1340px) {
  h1 {
	font-size: 28px!important;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  h1, .h1-box h1 {
	font-size: 24px!important;
	line-height: 1.3;
  }
  .block-space--top {
	padding-top: 70px;
  }
  .block-space--bottom {
	padding-bottom: 70px;
  }
}

@media screen and (max-width: 767px) {
  h1, .h1-box h1 {
	font-size: 24px!important;
	line-height: 1.3;
  }
  .block-space--top {
	padding-top: 50px;
  }
  .block-space--bottom {
	padding-bottom: 50px;
  }
}

ol {
  margin-block-start: 0em!important;
  margin-block-end: 0em!important;
  margin-inline-start: 15px!important;
  margin-inline-end: 0px!important;
  padding-inline-start: 0px!important;
}

ol > li {
  margin-bottom: 15px;
}

ul {
  margin-block-start: 0em!important;
  margin-block-end: 0em!important;
  margin-inline-start: 0px!important;
  margin-inline-end: 0px!important;
  padding-inline-start: 0px!important;
}

figure {
  display: block;
  margin-block-start: 0em!important;
  margin-block-end: 0em!important;
  margin-inline-start: 0px!important;
  margin-inline-end: 0px!important;
}

img {
  max-height: 100%;
  max-width: 100%;
  vertical-align: top;
  height: auto!important;
}


#site-content {
  box-sizing: border-box;
  flex: 1;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  min-width: 0;
  padding: 0;
  width: 100%;
}


/* phone */

#phone-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
  background: #37E2A4;
  height: 64px;
  width: 270px;
  font-weight: 400;
}

.phone-widget {
  display: flex;
  align-items: center;
  font-weight: 700;
}
@media screen and (max-width: 992px) {
  .phone-widget {
	display: none;
  }
}

.phone__icon img, .friends__icon img {
  height: 40px;
}

.phone__icon {
  margin-right: 30px;
}

.friends__icon {
  margin-right: 0;
}

.phone__number {
  font-size: 18px;
  line-height: 1.5;
  margin-right: 15px;
}


/* helper classes ausblenden */

.temp-nodisplay {
  display: none;
}

/* helper classes width */

.mw-200 {
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
}

.mw-250 {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.mw-300 {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.mw-340 {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.mw-350 {
  max-width: 340px;
  margin-left: auto;
  margin-right: auto;
}

.mw-380 {
  max-width: 380px;
  margin-left: auto;
  margin-right: auto;
}

.mw-400 {
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.mw-450 {
  max-width: 450px;
  margin-left: auto;
  margin-right: auto;
}

.mw-530 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.mw-500 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.mw-550 {
  max-width: 550px;
  margin-left: auto;
  margin-right: auto;
}

.mw-600 {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.mw-650 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.mw-680 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}

.mw-700 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.mw-750 {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
}

.mw-800 {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.mw-850 {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.mw-900 {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.mw-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.mw-960 {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1000 {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1100 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1200 {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1300 {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1320 {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1400 {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.mw-1520 {
  max-width: 1520px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 992px) {
  .mw-380-tablet {
	max-width: 380px;
	margin-left: auto;
	margin-right: auto;
  }
}

@media screen and (max-width: 992px) {
  .mw-500-tablet {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
  }
}

@media screen and (max-width: 767px) {
  .mw-380-mobile {
	max-width: 380px;
  }
}



/* helper classes space */

.fullwidth {
  width: 100%!important;
}

.nospace {
  margin: 0 auto!important;
  padding: 0!important;
}

.items-center {
  align-items: center!important;
}

.space {
  margin-top: auto;
}

.plr-20 {
  padding: 0 20px;
}

.pl-32 {
  padding-left: 32px;
}

.pl-60 {
  padding-left: 60px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-60 {
  padding-right: 60px;
}

.mt-0 {
  margin-top: 0;
  margin-inline-start: 0px!important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-0 {
  margin-bottom: 0px;
  margin-inline-end: 0px!important;
}

.mb-5 {
  margin-top: 0;
  margin-bottom: 5px;
}

.mb-10 {
  margin-top: 0;
  margin-bottom: 10px;
}

.mb-15 {
  margin-top: 0;
  margin-bottom: 15px;
}

.mb-20 {
  margin-top: 0;
  margin-bottom: 20px;
}

.mb-30 {
  margin-top: 0;
  margin-bottom: 30px;
}

.mb-35 {
  margin-top: 0;
  margin-bottom: 35px;
}

.mb-40 {
  margin-top: 0;
  margin-bottom: 40px;
}

.mb-50 {
  margin-top: 0;
  margin-bottom: 50px;
}

.mb-70 {
  margin-top: 0;
  margin-bottom: 70px;
}

.mb-80 {
  margin-top: 0;
  margin-bottom: 80px;
}

.mb-100 {
  margin-top: 0;
  margin-bottom: 100px;
}

.mb-120 {
  margin-top: 0;
  margin-bottom: 120px;
}

.pb-40 {
  padding-bottom: 40px;
}

.height-40 {
  height: 40px;
}

.check-icon {
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  margin-top: 4px;
}

@media screen and (max-width: 767px) {
  .nogap .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
	grid-gap: 25px!important;
  }
  .mb-s-30 {
	margin-bottom: 30px!important;
  }
}



/* helper classes layout */

.column {
  flex-flow: column!important;
}

.no-display {
  display: none;
}

/* helper classes font */

.sans {
  font-family: "PT Sans";
  font-weight: 400;
}

.serif {
  font-family: "PT Serif";
  font-weight: 400;
}

.ls-1 {
  letter-spacing: 1px;
}

.ls-2 {
  letter-spacing: 2px;
}

.font-size-64 {
  font-size: 64px;
  line-height: 1.3;
}

.font-size-38 {
  font-size: 38px;
  line-height: 1.3;
}

.font-size-36 {
  font-size: 36px;
  line-height: 1.3;
}

.font-size-28 {
  font-size: 28px;
  line-height: 1.3;
}

.font-size-27 {
  font-size: 27px;
  line-height: 1.3;
}

.font-size-24 {
  font-size: 24px;
  line-height: 1.3;
}

.font-size-20 {
  font-size: 20px;
  line-height: 1.5;
}

.font-size-18 {
  font-size: 18px;
  line-height: 1.5;
}

.font-size-14 {
  font-size: 14px;
  line-height: 1.5;
}

.font-size-13 {
  font-size: 13px;
  line-height: 1.5;
}


.font-size-12 {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (max-width: 1280px) {
  .font-size-small-desktop-30 {
	font-size: 30px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 1280px) {
  .font-size-small-desktop-28 {
	font-size: 28px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 1280px) {
  .font-size-small-desktop-24 {
	font-size: 24px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 1280px) {
  .font-size-small-desktop-20 {
	font-size: 20px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 1280px) {
  .font-size-small-desktop-18 {
	font-size: 18px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  .font-size-tablet-30 {
	font-size: 30px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  .font-size-tablet-24 {
	font-size: 24px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  .font-size-tablet-20 {
	font-size: 20px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  .font-size-tablet-18 {
	font-size: 18px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 992px) {
  .font-size-tablet-16 {
	font-size: 16px;
	line-height: 1.5;
  }
}

@media screen and (max-width: 550px) {
  .font-size-mobile-24 {
	font-size: 24px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 550px) {
  .font-size-mobile-20 {
	font-size: 20px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 550px) {
  .font-size-mobile-18 {
	font-size: 18px;
	line-height: 1.3;
  }
}

@media screen and (max-width: 550px) {
  .font-size-mobile-16 {
	font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .br-hide {
	display: none;
  }
}


.light {
  font-weight: 300;
}

.normal {
  font-weight: 400;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: 600;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.middle {
  align-items: center;
  align-self: center;
  vertical-align: middle;
}

.uppercase {
  text-transform: uppercase;
}

.lh-15 {
  line-height: 1.5!important;
}


.lh-18 {
  line-height: 1.8!important;
}

@media screen and (max-width: 992px) {
  .center-992 {
	text-align: center;
	max-width: 600px;
	margin: auto;
  }
}

@media screen and (max-width: 992px) {
  .center-992-60 {
	text-align: center;
	max-width: 600px;
	padding-right: 60px;
	margin: auto;
  }
}

@media screen and (max-width: 767px) {
  .center-tablet {
	text-align: center;
  }
}

@media screen and (max-width: 550px) {
  .center-mobile {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
  }
}

.c-red {
  color: red!important;
}

.c-white {
  color: #ffffff;
}

.c-grey {
  color: #b2b1a7;
}

.c-lightgrey {
  color: #e0dfdb;
}

.c-darkgrey {
  color: #4a4d4d;
}

.c-black {
  color: #000000;
}

.c-green {
  color: #37E2A4!important;
}

.bg-white {
  background: #ffffff;
}

.bg-grey {
  background-color: #f8f7f5;
}

.bg-lightviolet {
  background: #edeff2;
}

.bg-light {
  background: #fbfbf9;
}

.bg-brown {
  background: #edece5;
}

.textmarker {
  background: #f8f7f5;
  padding: 14px;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


/*----------logo animation----------*/

.logo-animation {
  animation: logoAnimation ease 5s;
  -webkit-animation: logoAnimation ease 5s;
  -moz-animation: logoAnimation ease 5s;
  -o-animation: logoAnimation ease 5s;
  -ms-animation: logoAnimation ease 5s;
}
@keyframes logoAnimation {
  0% {
	opacity:0;
	transform: scale(0);
  }
  100% {
	opacity:1;
	transform: scale(1);
  }
}

@-moz-keyframes logoAnimation {
  0% {
	opacity:0;
	transform: scale(0);
  }
  100% {
	opacity:1;
	transform: scale(1);
  }
}

@-webkit-keyframes logoAnimation {
  0% {
	opacity:0;
	transform: scale(0);
  }
  100% {
	opacity:1;
	transform: scale(1);
  }
}

@-ms-keyframes logoAnimation {
  0% {
	opacity:0;
	transform: scale(0);
  }
  100% {
	opacity:1;
	transform: scale(1);
  }
}


/*---------- content ----------*/

.border {
  border: 1px solid #000000;
}

@media screen and (min-width: 768px) {
  .columns-2 {
	column-count: 2;
	column-gap: 50px;
  }
}

.bg-badge {
  background: linear-gradient(90deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%); 
  background-image: url("/wp-content/uploads/hm-makeup-siegel-dgusv.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: leftt center;
}

.ugb-countup__counter {
  font-size: 64px!important;
}

@media screen and (max-width: 1280px) {
  .ugb-countup__counter {
	font-size: 32px!important;
  }
}

#hm-promises .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
  grid-auto-flow: row!important;
  grid-template-columns: 1fr 1fr 1fr!important; 
}

@media screen and (max-width: 992px) {
  #hm-customers .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-mobile .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-counter .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-augenbrauen .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-maenner .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #pmu-usp .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-promises .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-picture-links-4col .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-faq .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
	grid-auto-flow: row!important;
	grid-template-columns: 1fr 1fr!important; 
  }
}

@media screen and (max-width: 767px) {
  .ugb-countup__counter {
	font-size: 28px!important;
  }
  #hm-overview-icon .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-faq .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
	grid-auto-flow: row!important;
	grid-template-columns: 1fr!important;
  }
  #hm-overview-icon .hm-overview-icon-col,
  #hm-overview-faq .hm-overview-faq-col {
	max-width: 340px;
	width: 100%;
	margin: auto!important;
  }
}

@media screen and (max-width: 550px) {
  #hm-customers .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-mobile .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-counter .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-augenbrauen .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-overview-maenner .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #pmu-usp .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-promises .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item,
  #hm-picture-links-4col .ugb-columns>.ugb-inner-block>.ugb-block-content>.ugb-columns__item {
	grid-template-columns: 1fr!important; 
  }

  #hm-customers .hm-customers-column,
  #hm-counter .hm-counter-col,
  #hm-overview-mobile .hm-overview-mobile-col,
  #hm-overview-augenbrauen .hm-overview-augenbrauen-col,
  #hm-overview-maenner .hm-overview-maenner-col,
  #pmu-usp .pmu-usp-col {
	max-width: 340px;
	width: 100%;
	margin: auto!important;
  }
}


.videobutton .ugb-video-popup__wrapper {
  width: 50px!important;
  height: 50px !important;
  border-radius: 50%!important;
  background: linear-gradient(45deg, rgba(255,150,81,1) 0%, rgba(178,177,167,1) 100%);
  padding: 0!important;
  position: relative;
}

.videobutton .ugb-video-popup__play-button svg {
  height: 18px!important;
  width: 18px!important;
  min-height: 18px!important;
  min-width: 18px!important;
  margin-left: 5px;
}

.videobutton-container .ugb-container__content-wrapper {
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items: center;
}

.videobutton-container {
  line-height: 0!important;
}

.videobutton {
  margin: 0;
}

.videobutton-container p {
  margin: 0;
  padding: 0;
  margin-block-start: 0em!important;
  margin-block-end: 0em!important;
}


#hm-datenschutzerklaerung  ul li {
  margin-left: 17px;
}

#hm-datenschutzerklaerung, #hm-agb {
  word-wrap: break-word;
}

.trcht-datenschutz__list[data-layout="accordion"] > dt > h2 {
  font-size: 100%;
}

/*---------- forms--------*/

.gform-body {
  text-align: left;
}

.gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 0;
}

.gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
  width: 100%;
}

.gform_legacy_markup_wrapper .math_medium input {
  width: 100%;
}

.gfield_captcha_input_container {
  margin-top: 10px;
}

.gform_title, .gform_required_legend {
  display: none;
}

.gform_wrapper .field_description_below .gfield_consent_description, .gform_wrapper .gfield_consent_description {
  overflow-y: visible!important;
}

.hm-form-button {
  background: linear-gradient(45deg, rgba(146,131,71,1) 0%, rgba(220,207,123,1) 60%, rgba(146,131,71,1) 100%);
  border-radius: 0!important;
  font-family: "PT sans";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px;
  cursor: pointer;
}

.hm-form-button-2 {
  background: #c6c4b8;
  font-family: "PT sans";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px 30px;
  cursor: pointer;
  border-radius: 0!important;
}

input[type="button"] {
  -webkit-border-radius:0;
  -webkit-appearance: none;
}

.hm-form-button:hover {
  background: linear-gradient(45deg, rgba(126,111,51,1) 0%, rgba(200,187,103,1) 60%, rgba(126,111,51,1) 100%);
  color: #fff;
}

.hm-form-button-2:hover {
  background: #a2a197;
  color: #fff;
}

input, textarea  {
  border-width: 0px;
}

.gfield_label {
  font-weight: 400!important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px!important;
  color: #000;
}

.ginput_container_consent {
  font-size: 12px!important;
  line-height: 1.3!important;
}

.gfield_consent_description {
  font-size: 12px!important;
  line-height: 1.3!important;
}

#gform_page_2_1 #gform_fields_2 {
  text-align: center;
}

#hm-gutschein-formular .gf_progressbar_title {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px!important;
}

#hm-gutschein-formular .gf_section {
  border-bottom: 1px dotted #ccc!important;
}

#hm-gutschein-formular .gform_wrapper .gform_page_footer {
  margin: 50px 0 14px 0;
}

#hm-gutschein-formular h3.form-headline,
#hm-gutschein-formular span.form-headline:first-child {
  font-family: "PT Sans"!important;
  font-size: 16px!important;
  font-weight: 700!important;
}

#hm-gutschein-formular span.form-headline:last-child {
  font-family: "PT Sans";
  font-size: 12px!important;
  font-weight: 400!important;
}

#field_2_26 .gfield_label {
  font-family: "PT Sans"!important;
  color: #4a4d4d!important;
  font-size: 16px!important;
  font-weight: 700!important;
  text-transform: none!important;
  letter-spacing: 0!important;
}

#hm-gutschein-formular .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
  margin: 0 0 8px 0!important;
}

#hm-gutschein-formular input[type=radio] {
  margin-top: 2px;
  line-height: 0;
}

#hm-gutschein-formular .gfield_radio li label {
  text-transform: uppercase!important;
  font-size: 12px!important;
  color: #000!important;
  letter-spacing: 1px!important;
}

#hm-gutschein-formular .gform_wrapper ul li.gfield.gfield_html img {
  max-width: 150px!important;
  margin-top: 20px;
}

.bezahlarten {
  text-transform: uppercase;
  font-size: 12px;
  line-height: 1.9;
  color: #000000;
  letter-spacing: 1px;
}

.zahlungsmodalitaet {
  background: rgba(0,0,0,0.05);
  padding: 20px;
  margin-bottom: 20px;
}

.zahlungsmodalitaet p {
  font-size: 12px;
}

.paypal-block ul li {
  margin-left: 16px;
}

.paypal-block ul li:first-child {
  margin-top: 8px;
}

.gf_captcha label {
  transform: translateY(-4px);
}


@media screen and (max-width: 640px) {
  #hm-gutschein-formular .paypal-block {
	margin-top: 30px;
  }
}



@media screen and (min-width: 1180px) {
  .bg-humaera {
	background-image: url("/wp-content/uploads/hm-makeup-humaera.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	-webkit-background-blend-mode: multiply;
	background-blend-mode: multiply; 
  }
  .hm-badge {
	position: relative;
  }
  .hm-badge:before {
	content: "";
	position: absolute;
	background-image: url("/wp-content/uploads/hm-makeup-stempel_personalisiert.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 243px;
	height: 174px;
	left: 70px;
	bottom: -35px;
	transform: rotate(-5deg);
  }
  .hm-badge:after {
	content: "";
	position: absolute;
	background-image: url("/wp-content/uploads/hm_makeup_apv-logo-website.webp");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 249px;
	height: 79px;
	left: 350px;
	bottom: 20px;
  }
}

@media screen and (max-width: 1700px) {
  .bg-humaera {
	background-position: -10% bottom;
  }
  .hm-badge:before {
	transform: rotate(-5deg) translateX(-10%);
  }
}

@media screen and (max-width: 1280px) {
  .bg-humaera {
	background-position: -25% bottom;
  }
  .hm-badge:before {
	transform: rotate(-5deg) translateX(-25%);
  }
  .hm-badge:after {
	left: 270px;
  }
}


/*---------- bg startpage ----------*/

.teaser-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: -1;
}

.start-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-start.jpg");
}

.permanent-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-permanent.jpg");
}

.haarpigmentierung-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-haarpigmentierung.jpg");
}

.brustpigmentierung-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-brustpigmentierung.jpg");
}

.paramed-pigmentierung-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-paramedizinische-pigmentierung.webp");
  background-position: 70% !important;
}

.friends-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-friends.jpg");
}

.vorbereitung-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-vorbereitung-pmu.jpg");
  background-position: 50% 65%;
}

@media screen and (max-width: 1280px) {
  .vorbereitung-img {
	background-position: bottom center!important;
  }
}



.logo-container-start {
  margin-top: 100px!important;
}

.text-container-start {
  margin-top: 80px!important;
}

.scrolldown-btn-container {
  display: flex;
  justify-content: center;
  z-index: 1;
  margin-top: -100px;
  margin-bottom: 150px;
}

.transparent-bg {
  background: #fff;
  opacity: 0.5;
}

.scrolldown-btn-container a {
  cursor: pointer;
}

.scrolldown-btn {
  max-width: 50px;
}

@media screen and (min-width: 1551px) {
  .teaser-bg {
	min-height: 100vh!important;
	margin-top: -143px;
  }
}

@media screen and (max-width: 1550px) {
  .teaser-bg {
	min-height: 850px!important;
	margin-top: -143px;
  }
}

@media screen and (max-width: 1280px) {
  .teaser-bg {
	min-height: 750px!important;
	margin-top: -143px;
  }
  .logo-container-start  {
	margin-top: 70px!important;
  }
  .logo-container-start img {
	max-width: 400px;
  }
  .text-container-start {
	margin-top: 70px!important;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
  }
}

@media screen and (max-width: 992px) {
  .teaser-bg {
	min-height: 400px!important;
	margin-top: 0!important;
	background-position: center;
  }
  .scrolldown-btn-container {
	display: none;
  }
  .logo-container-start {
	display: none;
  }
  .text-container-start {
	margin-top: 0px!important;
	max-width: 280px;
  }
}

@media screen and (max-width: 767px) {
  .teaser-bg {
	min-height: 300px!important;
  }
}

@media screen and (max-width: 550px) {
  .text-container-start {
	max-width: 200px;
  }
}



/*---------- bg subpages ----------*/

.teaser-bg-site {
  background-image: url("/wp-content/uploads/hm-makeup-bg-page.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.border-teaser {
  background: linear-gradient(0deg, rgba(253,239,230,1) 0%, rgba(244,243,240,1) 100%);
}

.subpage-teaser-icons {
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 10px 20px;
}

.teaser-icon-text p {
  margin: 0;
  line-height: 1.2;
}

.teaser-icon-text p > span {
  color: #706f6f;
}


.teaser-icon-link p {
  padding: 8px 0;
  color: #706f6f;
}


.teaser-icon-link a {
  text-decoration: none;
}

.teaser-icon {
  min-width: 30px;
  width: 30px;
  height: 30px;
  margin-right: 20px;
}

/* CHROME FIXING */
.teaser-icon-text a div {
  display: inline-block !important;
}

/*---------- bg img teaser ----------*/

.bg-teaser-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.bg-teaser-img:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 20px;
  background-image: url("/wp-content/uploads/hm-makeup-premium.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 80px;
  height: 160px;
}

.teaser-divider {
  width: 55%;
  text-align: left!important;
  margin: 35px 0;
}

.augenbrauen {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-augenbrauen.jpg");
}

.lippen {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-lippen.jpg");
}

.lidstrich {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-lidstrich.jpg");
}

.maenner {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-maenner.jpg");
}

.faq-tipps-uebersicht-img {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-ubersicht-faq.jpg");
}

.pmu-faq {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-faq-pmu.jpg");
}

.haarpig-faq {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-faq-haarpigmentierung.jpg");
}

.micro-faq {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-faq-microblading.jpg");
}

.pmu-lid-pflege {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-pflege-pmu-lidstrich.jpg");
}

.pmu-augenbrauen-pflege {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-pflege-pmu-augenbrauen.jpg");
}

.pmu-lippen-pflege {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-pflege-pmu-lippen.jpg");
}

.kundenstimmen {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-kundenstimmen.jpg");
}

.bildergalerie {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-bildergalerie.jpg");
}

.preise-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-preise.jpg");
}

.vorteile-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-vorteile-pmu.jpg");
}

.begleiterscheinungen-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-begleiterscheinungen.jpg");
}

.heilungsprozess-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-heilungsprozess.jpg");
}

.irrtuemer-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-irrtuemer.jpg");
  background-position: right center;
}

.preisbox a {
  display: flex;
}

.preisbox .sans {
  margin-right: 10px;
}

.full-face table tbody tr:last-child {
  background: #f8f7f5;
}
.full-face table tbody tr:last-child td {
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 1300px) {
  .irrtuemer-pmu {
	background-position: center;
  }
}
@media screen and (max-width: 992px) {
  .irrtuemer-pmu {
	background-position: 30% center;
  }
}
@media screen and (max-width: 768px) {
  .irrtuemer-pmu {
	background-position: center;
  }
}

.korrektur-entfernung-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-korrektur-entfernung.jpg");
}

.vorteile-haarpigmentierung {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-vorteile-haarpigmentierung.jpg");
  background-position: right center;
}

.hifu {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-hifu-lifting.jpg");
}

.diodenlaser {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-dauerhafte-haarentfernung.jpg");
}
.icoonelaser {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-icoone-cellulitebehandlung.jpg");
}
.anticellulite {
  background-image: url("/wp-content/uploads/hm-makeup-onda-anti-cellulite.webp");
  background-position: 29%;
}

.hydrafacial {
  background-image: url("/wp-content/uploads/hm-makeup-teaser-hydrafacial.jpg");
}

.onda-dreifachwirkung {
  text-align: center;
  padding-bottom: 30px;
}

.onda-dreifachwirkung img {
  max-width: 600px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

/*---------- 3 cards ----------*/

.headline-divider {
  width: 66px;
  text-align: center!important;
  margin: 35px auto!important;
}

.headline-divider-2 {
  width: 200px;
  text-align: center!important;
  margin: 35px auto!important;
}

.headline-divider-3 {
  width: 200px;
  text-align: center!important;
  margin: 20px auto!important;
}

.number-divider {
  width: 66px;
  text-align: center!important;
  margin: 20px auto!important;
}

.bg-gradient {
  background: linear-gradient(-45deg, rgba(253,239,230,1) 0%, rgba(244,243,240,1) 100%);
}

.bg-gradient-brighter {
  background: linear-gradient(-45deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%); 
}

.bg-gradient img {
  border: 1px solid #000000;
}



/*-------- feature sections --------*/

.feature-section {
  width: 100%;
}

.feature-section-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50%;
  padding: 300px 0;
}

.onda-advantages .feature-section-image {
  padding: 400px 0px;
}

.more-height {
  padding: 430px 0;
}

.img-1 {
  background-image: url("/wp-content/uploads/hm-makeup-augenbrauenbehandlung.jpg");
}

.img-2 {
  background-image: url("/wp-content/uploads/hm-makeup-augenbraue-ergebnis.jpg");
}

.img-permanentmakeup {
  background-image: url("/wp-content/uploads/hm-makeup-feature-permanentmakeup.jpg");
}

.img-microblading {
  background-image: url("/wp-content/uploads/hm-makeup-feature-microblading.jpg");
}

.img-haarpigmentierung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-haarpigmentierung.jpg");
}

.img-brustpigmentierung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-brustpigmentierung.jpg");
}

.img-makeup-maenner {
  background-image: url("/wp-content/uploads/hm-makeup-feature-makeup-maenner.jpg");
}

.img-studio {
  background-image: url("/wp-content/uploads/hm-makeup-feature-studio.jpg");
}

.img-behandlungsgespraech {
  background-image: url("/wp-content/uploads/hm-makeup-feature-beratungsgespraech.jpg");
}

.img-vorzeichnen {
  background-image: url("/wp-content/uploads/hm-makeup-feature-vorzeichnen.jpg");
}

.img-pigmentieren {
  background-image: url("/wp-content/uploads/hm-makeup-feature-pigmentieren.jpg");
}

.img-pigmentierung-blades {
  background-image: url("/wp-content/uploads/hm-makeup-feature-pigmentierung.jpg");
}

.img-farbauswahl {
  background-image: url("/wp-content/uploads/hm-makeup-feature-farbauswahl.jpg");
}

.img-lippen-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-behandlung.jpg");
}

.img-lippen-ergebnis {
  background-image: url("/wp-content/uploads/hm-makeup-feature-ergebnis.jpg");
}

.img-behandlung-lidstrich {
  background-image: url("/wp-content/uploads/hm-makeup-feature-behandlung-lidstrich.jpg");
}

.img-ergebnis-lidstrich {
  background-image: url("/wp-content/uploads/hm-makeup-feature-behandlung-ergebnis.jpg");
}

.img-behandlung-maenner {
  background-image: url("/wp-content/uploads/hm-makeup-feature-maenner-behandlung.jpg");
}

.img-ergebnis-maenner {
  background-image: url("/wp-content/uploads/hm-makeup-feature-maenner-ergebnis.jpg");
}

.img-haarpig-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-haarpig-behandlung.jpg");
}

.img-haarpig-ergebnis {
  background-image: url("/wp-content/uploads/hm-makeup-feature-haarpig-ergebnis.jpg");
}

.img-brustpig-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-brustpig-behandlung.jpg");
}

.img-brustpig-haltbarkeit {
  background-image: url("/wp-content/uploads/hm-makeup-feature-brustpig-haltbarkeit.jpg");
}

.img-hifu-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-hifu-behandlung.jpg");
}

.img-haar-behandlung-1 {
  background-image: url("/wp-content/uploads/hm-makeup-feature-haar-behandlung.jpg");
}

.img-haar-behandlung-2 {
  background-image: url("/wp-content/uploads/hm-makeup-feature-haar-behandlung-2.jpg");
}

.img-hydrafacial-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-hydrafacial.jpg");
}

.img-icoonelaser-behandlung-1 {
  background-image: url("/wp-content/uploads/hm-makeup-icoone-laser-vorteile.jpg");
}
.img-onda-behandlung {
  background-image: url("/wp-content/uploads/hm-makeup-onda-anticellulite-vorteile.webp");
  background-position: 56%;
}
.img-icoonelaser-behandlung-2 {
  background-image: url("/wp-content/uploads/hm-makeup-icoone-laser-laser-gruende-fuer-cellulite-behandlung.jpg");
}
.img-icoonelaser-behandlung-3 {
  background-image: url("/wp-content/uploads/hm-makeup-icoone-laser-faltenbehandlung.jpg");
}
.img-browlift {
  background-image: url("/wp-content/uploads/hm-makeup_browlift.jpg");
}
.img-lashlift {
  background-image: url("/wp-content/uploads/hm-makeup_lashlift.jpg");
}
.img-pigmentierung-ergebnisoptimierung {
  background-image: url("/wp-content/uploads/hm-makeup-feature-pigemnierung-ergebnisoptimierung.webp");
}


.feature-section-text {
  display: flex;
  align-items: center;
}

.bg-section {
  background: #fbfbfa;
}


@media screen and (max-width: 767px) {

  .feature-section-image {
	padding: 200px 0;
  }
  .order {
	order: -1;
  }
  .more-height {
	padding: 200px 0;
  }
  .onda-advantages .feature-section-image {
	padding: 200px 0px;
  }
}


@media screen and (max-width: 480px) {

  .feature-section-image {
	padding: 150px 0;
  }
  .more-height {
	padding: 150px 0;
  }  
}



/*-------- overview-blocks --------*/

.bg-overview {
  background-image: url("/wp-content/uploads/hm-makeup-bg-beauty.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 60% center;
}
.hm-overview h2 {
  font-size: 24px;
}
.hm-overview-mobile h2 {
  font-size: 24px;
}
.overview-box-1, .overview-box-2, .overview-box-3 {
  max-width: 450px;
  margin: auto;
}

.pic-overview {
  margin-bottom: 40px!important;
}

@media screen and (max-width: 1549px) {
  .hm-overview p, .hm-overview li {
	font-size: 14px!important;
  }
  .hm-overview-mobile p, .hm-overview li {
	font-size: 14px!important;
  }
  .hm-overview h2 {
	font-size: 20px;
  }
  .hm-overview-mobile h2 {
	font-size: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .overview-box-1 {
	max-width: 240px;
  }
  .overview-box-2, .overview-box-3 {
	max-width: 240px;
  }
  .bg-overview {
	background-position: 55% center;
  }
  .hm-overview h2, .hm-overview p, .hm-overview li {
	text-shadow: 1px 1px 3px rgba(255,255,255,0.8);
  }
}



@media screen and (min-width: 1025px) {
  #hm-overview-mobile {
	display: none!important;
  }
}

@media screen and (max-width: 1024px) {
  #hm-overview {
	display: none!important;
  }
}

@media screen and (max-width: 992px) {

  .hm-overview-mobile h2 {
	font-size: 18px;
  }
}

@media screen and (max-width: 767px) {
  .hm-overview-mobile-col {
	margin-bottom: 100px;
  }
}


/*-------- advantage-blocks --------*/

.hm-advantage-blocks li:before, 
.hm-overview-blocks li:before,
#hm-accordion li:before,
#hm-pflegetipps-pmu li:before,
#hm-tipps-pmu li:before,
#hm-overview-faq li:before {
  background-image: url(/wp-content/uploads/hm-makeup-dot.svg)!important;
  height: 5px!important;
  width: 5px!important;
}

.hm-advantage-blocks.ugb-icon-list--v2,
.hm-overview-blocks.ugb-icon-list--v2,
#hm-accordion .ugb-icon-list--v2,
#hm-pflegetipps-pmu .ugb-icon-list--v2,
#hm-tipps-pmu .ugb-icon-list--v2,
#hm-overview-faq .ugb-icon-list--v2 {
  padding: 0 20px;
}

.hm-advantage-blocks.ugb-icon-list--v2 li,
.hm-overview-blocks.ugb-icon-list--v2 li,
#hm-accordion .ugb-icon-list--v2 li,
#hm-pflegetipps-pmu .ugb-icon-list--v2 li,
#hm-tipps-pmu .ugb-icon-list--v2 li,
#hm-overview-faq .ugb-icon-list--v2 li {
  text-indent: calc(var(--icon-size, 5px)*-1 - 1em)!important;
  padding-left: calc(var(--icon-size, 5px) + 1em)!important;
}

.hm-tipps-list .ugb-block-content {
  margin-left: 25px;
}

.hm-tipps-list {
  font-size: 16px!important;
}

#no-last-check::before {
  display:none;
}

#hm-overview-faq li:before {
  background-image: url(/wp-content/uploads/hm-makeup-dot-gold.svg)!important;
  color: rgba(220,207,123,1)!important;
}

#hm-overview-faq .faq-check li:before {
  height: 15px!important;
  width: 10px!important;
  margin-top: 3px;
  margin-right: 5px;
}

#hm-overview-faq .faq-check li > a {
  text-decoration: none;
}

#hm-overview-faq .faq-check li > a:hover {
  font-weight: 700;
}

.full .ugb-accordion__content p {
  max-width: 1000px;
}



@media screen and (max-width: 767px) {
  .hm-tipps-list .ugb-block-content {
	margin-left: 0px;
	text-align: center;
  }
}

.hm-advantage-blocks li {
  border-bottom: 1px solid #dadada;
  padding-bottom: 15px;
}

.hm-advantage-blocks li:first-of-type {
  border-top: 1px solid #dadada;
  padding-top: 15px;
}

.bg-line:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #ffffff;
}


@media screen and (max-width: 768px) {

  .hm-advantage-blocks li:first-of-type {
	border-top: none;
	padding-top: 0;
  }

  .hm-advantage-blocks, .hm-overview-blocks {
	margin-top: 15px!important;
	margin-bottom: 0!important;
  }

  .advantage-block {
	border-top: 1px solid #dadada;
  }
  .border-receive li:first-of-type {
	border-top: 1px solid #dadada;
	padding-top: 15px;
  }
  .bg-line:before {
	display: none;
  }
}



/*-------- expert-tipp --------*/


.expert-tipp {
  border: 1px solid #000000;
}

.expert-tipp a {
  font-family: "PT Serif";
  font-weight: 700;
}

.expert-tipp a.hm-btn {
  font-family: "PT Sans";
}

.expert-gradient {
  background: linear-gradient(0deg, rgba(253,239,230,1) 0%, rgba(244,243,240,1) 100%);
}

.expert-star img {
  margin-top: -110px;
}


@media screen and (max-width: 782px) {
  .expert-star img {
	margin-top: -90px;
  }
}

.expert-text {
  font-family: "PT Serif";
  color: #000000;
}


/*-------- picture links --------*/

.bg-lippen {
  background-image: url("/wp-content/uploads/hm-makeup-lippen.jpg");
}
.bg-lidstrich {
  background-image: url("/wp-content/uploads/hm-makeup-lidstrich.jpg");
}
.bg-maenner {
  background-image: url("/wp-content/uploads/hm-makeup-maenner.jpg");
}
.bg-pmu {
  background-image: url("/wp-content/uploads/hm-makeup-permanent-make-up.jpg");
}
.bg-hydra {
  background-image: url("/wp-content/uploads/hm-makeup-hydra-facial.jpg");
}
.bg-haarentfernung {
  background-image: url("/wp-content/uploads/hm-makeup-dauerhafte-haarentfernung.jpg");
}
.bg-hifu {
  background-image: url("/wp-content/uploads/hm-makeup-hifu-ultraschall.jpg");
}
.bg-augenbrauen {
  background-image: url("/wp-content/uploads/hm-makeup-augenbrauen.jpg");
}
.bg-icoone {
  background-image: url('/wp-content/uploads/hm-makeup-icoone-laser-cellulite-behandlung-box.jpg');
}

.bg-placeholder {
  background-image: url("/wp-content/uploads/placehold.svg");
}

.bg-teaser-gal-augenbrauen {
  background-image: url("/wp-content/uploads/bildleiste-002.jpg");
}

.bg-teaser-gal-lippen {
  background-image: url("/wp-content/uploads/bildleiste-001.jpg");
}

.bg-teaser-gal-lidstrich {
  background-image: url("/wp-content/uploads/bildleiste-003.jpg");
}

.bg-teaser-gal-kopfhaut {
  background-image: url("/wp-content/uploads/bildleiste-004.jpg");
}

.bg-teaser-gal-studio {
  background-image: url("/wp-content/uploads/hm-makeup-feature-studio.jpg");
}

.bg-teaser-gal-studio-2 {
  background-image: url("/wp-content/uploads/hm-makeup-feature-studio-2.jpg");
}

.bg-teaser-gal-studio-3 {
  background-image: url("/wp-content/uploads/hm-makeup-feature-studio-3.jpg");
}

.bg-teaser-gal-studio-4 {
  background-image: url("/wp-content/uploads/hm-makeup-feature-studio-4.jpg");
}



.picture-link {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#hm-picture-links-4col .ugb-columns__item {
  grid-gap: 10px!important;
}



/*-------- call to action --------*/

.bg-cta {
  background-size: cover;
  background-repeat: no-repeat;
}

.haarpigmentierung {
  background-image: url("/wp-content/uploads/hm-makeup-bg-cta-haarpigmentierung.jpg");
  background-position: 50% center;
}

.pmu-maenner {
  background-image: url("/wp-content/uploads/hm-makeup-bg-cta-pmu-maenner.jpg");
  background-position: 35% center;
}

.onda-cellulite {
  background-image: url("/wp-content/uploads/hm-makeup-bg-onda.webp");
  background-position: 50% center;
  padding: 50px 0;
}

.bg-certified {
  background-image: url("/wp-content/uploads/hm-makeup-bg-cta-certified.jpg");
  background-position: 50% center;
}

.hm-friends {
  background-image: url("/wp-content/uploads/hm-makeup-bg-cta-friends.jpg");
  background-position: 90% center;
}


#friends-box-cta {
  padding: 35px 0;
  border-top: 1px solid #b2b1a7;
  border-bottom: 1px solid #b2b1a7;
  margin-top: 14px;
  margin-bottom: 24px;
  display: flex;
  flex-flow: column;
  align-items: center;
}


#friends-icon-cta {
  margin-top: 0;
  margin-bottom: -40px;
  text-align: center;
  position: relative;
  z-index: 500;
}

#friends-icon-cta img {
  width: 60px;
  height: 60px;
}


@media screen and (max-width: 1600px) {
  .bg-certified {
	background-image: linear-gradient(90deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%);  
  }
  .certified-btn:before {
	content: "";
	position: absolute;
	background-size: cover;
	background-position: center;
	width: 374px;
	height: 298px;
	top: 70px;
	left: 20px;
	background-image: url(/wp-content/uploads/hm-makeup-siegel-dgusv.png);
	background-position: top center;
  }
}

@media screen and (max-width: 1500px) {
  .haarpigmentierung {
	background-position: 75% center;
  }
  .hm-friends {
	background-image: url("/wp-content/uploads/hm-makeup-bg-cta-friends-lighter.jpg");
  }
  .cta-headline, .cta-text {
	max-width: 500px;
	margin: auto;
  }
  .cta-text {
	margin-top: 20px;
  }
}

@media screen and (max-width: 1280px) {
  .haarpigmentierung {
	background-position: 70% center;
  }
  .certified-btn:before {
	width: 294px;
	height: 232px;
	top: 60px;
	left: 20px;
  }
  .cta-headline, .cta-text {
	max-width: 300px;
	margin: auto;
  }
  .cta-text {
	margin-top: 20px;
  }

}

@media screen and (max-width: 1025px) {
  .onda-cellulite .cta-headline {
	padding-top: 50px;
  }
  .onda-cellulite .ugb-container.cta-button {
	margin-bottom: 50px!important;
  }
}

@media screen and (max-width: 992px) {
  .certified-btn:before {
	height: 200px;
	top: -165px;
	width: 100%!important;
	max-width: 250px;
	background-position: top center;
	left: auto!important;
	right: auto!important;
	margin: auto;
	z-index: 1;
  }
  .certified-btn {
	z-index: -1;
  }
}


@media screen and (max-width: 768px) {
  .haarpigmentierung, .pmu-maenner, .hm-friends, .onda-cellulite {
	background-image: linear-gradient(-90deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%);  
  }
  .cta-headline {
	max-width: 300px;
	margin: auto;
  }
  .bg-cta:before, .bg-cta-friends:before {
	content: "";
	position: absolute;
	background-size: cover;
	background-position: center;
	width: 204px!important;
	height: 164px;
	top: -164px;
  }
  .haarpigmentierung:before {
	background-image: url(/wp-content/uploads/hm-makeup-bg-cta-haarpigmentierung.png);
  }
  .pmu-maenner:before {
	background-image: url(/wp-content/uploads/hm-makeup-cta-pmu-maenner.png);
	background-position: top center;
  }
  .onda-cellulite:before {
	background-image: url("/wp-content/uploads/hm-makeup-bg-onda-mobile.webp");
	background-position: top center;
  }
  .hm-friends:before {
	background-image: url(/wp-content/uploads/hm-makeup-bg-cta-friends.png);
	background-position: top center;
  }
  .certified-btn:before {
	top: -145px;
  }
}


/*-------- section hygiene --------*/

.bg-hygiene {
  background-image: url(/wp-content/uploads/hm-makeup-bg-hygiene.jpg);
  margin-bottom: 0px!important;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

@media screen and (max-width: 992px) {
  .bg-hygiene {
	background-position: 60% center;
  }
}

@media screen and (max-width: 550px) {
  .bg-hygiene {
	background: linear-gradient(90deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%); 
  }
}


/*-------- faq accordion --------*/

.ugb-accordion__heading {
  padding-top: 20px!important;
  padding-bottom: 20px!important;
}

#hm-accordion ..ugb-785222b .ugb-accordion__heading {
  border: 0px!important;
}

#hm-accordion .ugb-accordion__arrow {
  background-image: url(/wp-content/uploads/hm-makeup-scroll-down.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 25px;
  height: 25px;
}

#hm-accordion path {
  display: none!important;
}

#hm-accordion a {
  font-weight: 700;
}

:focus {
  outline: -webkit-focus-ring-color auto 0px!important;
}


/*-------- testimonial slider --------*/

.metaslider.metaslider-604,
.metaslider.metaslider-881,
.metaslider.metaslider-2903 {
  margin-bottom: 0px!important;
}


.metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-prev,
.metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-next,
.metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-prev,
.metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-next,
.metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-prev,
.metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-next {
  width: 50px!important;
  height: 50px!important;
  background-size: contain!important;
}


.metaslider.metaslider-604 .flexslider .caption-wrap,
.metaslider.metaslider-881 .flexslider .caption-wrap,
.metaslider.metaslider-2903 .flexslider .caption-wrap {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.metaslider.metaslider-604 .caption-wrap .caption img,
.metaslider.metaslider-881 .caption-wrap .caption img,
.metaslider.metaslider-2903 .caption-wrap .caption img {
  width: 100%;
}

.testimonial-slide {
  max-width: 1280px;
  margin: auto;
}

.testimonial-slide-inner {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 62%;
}

.beauty-slider-inner {
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  width: 50%;
}


.hm-beauty-tipp {
  width: 750px;
}

.hm-quotation {
  flex: 0 1 110px!important;
}

.hm-proven {
  flex: 0 1 150px!important;
}

.hm-testimonial {
  flex: 1 1 400px;
  margin: 0 40px;
}

.hm-testimonial p {
  font-size: 20px;
}

.hm-testimonial p.testimonial-name {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 20px!important;
}

.hm-proven img {
  width: 100%;
}
/*
.metaslider.metaslider-616 .theme-default .nivo-caption {
max-width: 82px;
font-size: 12px;
}
*/
.metaslider.metaslider-616 .flexslider .flex-control-paging,
.metaslider.metaslider-2756 .flexslider .flex-control-paging,
.metaslider.metaslider-2765 .flexslider .flex-control-paging,
.metaslider.metaslider-2773 .flexslider .flex-control-paging {
  bottom: -27px!important;
}

@media screen and (max-width: 1280px) {
  .testimonial-slide {
	max-width: 850px;
  }
  .hm-quotation, .hm-proven {
	display: none;
  }

  .hm-testimonial p {
	font-size: 18px;
  }
}

@media screen and (max-width: 1100px) {
  .hm-testimonial p {
	font-size: 16px;
  }
}

@media screen and (max-width: 1024px) {
  .testimonial-slide {
	max-width: 800px;
  }
  .beauty-slider-inner {
	width: 45%;
  }
  .hm-beauty-tipp {
	width: 650px;
  }
}

@media screen and (max-width: 992px) {
  .metaslider.metaslider-604 .flexslider .caption-wrap,
  .metaslider.metaslider-881 .flexslider .caption-wrap,
  .metaslider.metaslider-2903 .flexslider .caption-wrap {
	position: relative!important;
	padding: 20px 10px!important;
  }
  .testimonial-slide-inner,
  .beauty-slider-inner {
	width: 100%;
  }
  .hm-testimonial {
	flex: 1 1 100%;
	margin: 0;
  }

  .metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-prev,
  .metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-prev,
  .metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-prev {
	background: transparent url(https://www.hm-makeup.de/wp-content/uploads/hm-makeup-arrow-left-white.png) 0 0 no-repeat!important;
	background-size: cover!important;

	opacity: 1!important;
	left: 20px!important;
  }

  .metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-next,
  .metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-next,
  .metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-next {
	background: transparent url(https://www.hm-makeup.de/wp-content/uploads/hm-makeup-arrow-right-white.png) 0 0 no-repeat!important;
	background-size: cover!important;

	opacity: 1!important;
	right: 20px!important;
  }
  .hm-beauty-tipp {
	width: 100%;
  }
  .hm-testimonial p {
	text-align: center;
  }
  .hm-beauty-tipp p, .hm-beauty-tipp h2 {
	text-align: center;
  }

  .hm-testimonial p.testimonial-name {
	text-align: center;
  }
}

@media screen and (max-width: 600px) {
  .metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-prev,
  .metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-prev,
  .metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-prev {
	left: 0!important;
	width: 40px!important;
	height: 40px!important;
  }

  .metaslider.metaslider-604 .flexslider .flex-direction-nav .flex-next,
  .metaslider.metaslider-881 .flexslider .flex-direction-nav .flex-next,
  .metaslider.metaslider-2903 .flexslider .flex-direction-nav .flex-next {
	right: 0!important;
	width: 40px!important;
	height: 40px!important;
  }

  .hm-testimonial p {
	font-size: 14px;
	padding-left: 50px;
	padding-right: 50px;
  }

  .hm-beauty-tipp p, .hm-beauty-tipp h2 {
	padding-left: 50px;
	padding-right: 50px;
  }

  .hm-beauty-tipp p {
	font-size: 14px!important;
  }

}



/*---------- animated button ----------*/

.hm-btn.hm-btn-medium {
  min-width: 160px;
}

.hm-btn.hm-btn-bordered {
  margin: 6px 8px;
}

.hm-btn {
  display: inline-block;
  position: relative;
  outline: 0;
  font-style: normal;
  font-weight: 800;
  font-family: "PT sans", sans-serif;
  padding: 24px 30px;
  font-size: 10px;
  line-height: 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #111;
  text-align: center;
  -webkit-transition: color .15s ease-out,background-color .15s ease-out;
  -moz-transition: color .15s ease-out,background-color .15s ease-out;
  transition: color .15s ease-out,background-color .15s ease-out;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
}

.hm-btn.hm-btn-bordered a {
  cursor: pointer;
  -webkit-transition: color .15s ease-out;
  -moz-transition: color .15s ease-out;
  transition: color .15s ease-out;
}

.hm-btn.hm-btn-bordered .hm-btn-border-one, .hm-btn.hm-btn-bordered .hm-btn-border-two {
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.hm-btn.hm-btn-bordered .hm-btn-border-one {
  position: absolute;
  top: 8px;
  left: 0;
  height: calc(100% + -16px);
  width: 100%;
  border: 2px solid #111;
  box-sizing: border-box;
}

.hm-btn.hm-btn-bordered .hm-btn-border-two {
  position: absolute;
  top: 0;
  left: 8px;
  height: 100%;
  width: calc(100% + -16px);
  border: 1px solid #636363;
  box-sizing: border-box;
}

@media screen and (min-width: 400px) {
  .btn-bewertung {
	min-width: 260px!important;
  }
}

@media screen and (max-width: 399px) {
  .btn-bewertung {
	padding: 24px 0px!important;
	min-width: 100%!important;
	width: 100%!important;
	margin: 6px 0px!important;
  }
}

.hm-btn .touch-button .hm-btn-border-one {
  position: absolute;
  top: -10px;
  left: 0;
  height: calc(100% + 20px);
  width: 100%;
  border: 2px solid #111;
  box-sizing: border-box;
}
.hm-btn .touch-button .hm-btn-border-two {
  position: absolute;
  top: 0;
  left: -10px;
  height: 100%;
  width: calc(100% + 20px);
  border: 1px solid #636363;
  box-sizing: border-box;
}


@media (hover: hover) {
  .hm-btn:hover .hm-btn-border-one {
	position: absolute;
	top: -10px;
	left: 0;
	height: calc(100% + 20px);
	width: 100%;
	border: 2px solid #111;
	box-sizing: border-box;
  }
  .hm-btn:hover .hm-btn-border-two {
	position: absolute;
	top: 0;
	left: -10px;
	height: 100%;
	width: calc(100% + 20px);
	border: 1px solid #636363;
	box-sizing: border-box;
  }
}


/*------- price tables -------*/

table {
  line-height: 1.3;
}

th, td {
  padding: 8px 0;
}

th {
  font-family: "PT Serif"!important;
  font-size: 24px;
  font-weight: normal;
  color: #000000;
  padding-bottom: 15px;
}

.tab-adjust {
  transform: translateY(24px);
}

.tab-adjust-2 {
  transform: translateY(37px);
}

@media screen and (min-width: 826px) and (max-width: 976px) {
  .tab-adjust {
	transform: translateY(48px);
  }
}

@media screen and (max-width: 768px) {
  .tab-adjust, .tab-adjust-2 {
	transform: translateY(0px);
  }
}

@media screen and (max-width: 1280px) {
  th {
	font-size: 20px;
  }
}

@media screen and (max-width: 992px) {
  #preise-haarpigmentierung .ugb-columns__item {
	grid-auto-flow: row!important;
	grid-template-columns: 1fr 1fr!important;
  }
}

@media screen and (max-width: 767px) {
  th {
	font-size: 18px;
  }
  #preise-haarpigmentierung .ugb-columns__item {
	grid-auto-flow: row!important;
	grid-template-columns: 1fr!important;
  }
}

@media screen and (max-width: 550px) {
  th {
	font-size: 16px;
  }
}

.pmu-tab table {
  width: 100%;
  border-collapse: collapse; 
}

.pmu-tab.preiszusatz {
  margin-top: -24px;
}

.pmu-tab tr {
  border-bottom-color: #cecece!important;
  border-bottom: 1px solid #cecece!important;
}

.line-top tr:first-child {
  border-top-color: #cecece!important;
  border-top: 1px solid #cecece!important;
}

.pmu-tab th:nth-child(1),
.pmu-tab td:nth-child(1) {
  text-align: left;
  width: 50%;
}

.pmu-tab.refresh th:nth-child(1),
.pmu-tab.refresh td:nth-child(1) {
  text-align: left;
  width: 40%;
}

.pmu-tab th:nth-child(2),
.pmu-tab td:nth-child(2) {
  text-align: right;
  width: 25%;
}

.pmu-tab.refresh th:nth-child(2),
.pmu-tab.refresh td:nth-child(2) {
  text-align: right;
  width: 20%;
}

.pmu-tab th:nth-child(3),
.pmu-tab td:nth-child(3) {
  text-align: right;
  width: 25%;
}

.pmu-tab.refresh th:nth-child(3),
.pmu-tab.refresh td:nth-child(3) {
  text-align: right;
  width: 20%;
}

.pmu-tab.refresh th:nth-child(4) {
  text-align: center;
  width: 20%;
}

.pmu-tab.refresh th:nth-child(4),
.pmu-tab.refresh td:nth-child(4) {
  text-align: right;
  width: 20%;
}

.footnote-bottom .ugb-column__content-wrapper {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  height: 100%;
}

.hm-haarzonen img {
  max-width: 300px;
}

.complete-pak tr:nth-child(3) > td {
  padding: 18px 0;
}

#hifu-tab-2 {
  padding-top: 54px;
}

@media screen and (min-width: 768px) {
  .pmu-tab.refresh th:nth-child(2),
  .pmu-tab.refresh th:nth-child(3),
  .pmu-tab.refresh th:nth-child(4),
  .pmu-tab.microblading th:nth-child(2),
  .pmu-tab.microblading th:nth-child(3) {
	font-size: 16px;
  }
}

@media screen and (min-width: 1281px) {
  .pmu-tab.refresh th:nth-child(2),
  .pmu-tab.refresh th:nth-child(3),
  .pmu-tab.refresh th:nth-child(4),
  .pmu-tab.microblading th:nth-child(2),
  .pmu-tab.microblading th:nth-child(3) {
	font-size: 18px;
  }
}

@media screen and (max-width: 1280px) {
  #hifu-tab-2 {
	padding-top: 49px;
  }
}

@media screen and (max-width: 768px) {
  #hifu-tab-2 {
	padding-top: 0px;
  }
}
@media screen and (max-width: 550px) {
  .pmu-tab.pig th:nth-child(2),
  .pmu-tab.pig td:nth-child(2) {
	text-align: right;
	width: 13%;
  }
}


/*------- contact-page -------*/

#contact-page, #partner-page {
  display: flex;
  justify-content: space-between;
  margin: auto;
  text-align: left;
}

#contact-page {
  max-width: 550px;
}

#partner-page {
  max-width: 700px;
}

#contact-page p {
  line-height: 1.75;
}

#contact-page a, #partner-page a {
  text-decoration: none;
}

#partner-page a {
  font-weight: 700;
}

.hm-map {
  line-height: 0;
}

#partner-text, #partner-adress {
  width: calc(100% /2);
  padding: 0 20px;
}

@media screen and (max-width: 550px) {
  #contact-page {
	flex-flow: column;
	align-items: center;
	max-width: 320px;
  }
  #partner-page {
	flex-flow: column;
	align-items: center;
  }
  #contact-adress {
	transform: translateX(60px);
	margin-bottom: 30px;
  }
  #partner-adress, #partner-text {
	width: 100%;
	text-align: center;
  }
  #partner-adress {
	margin-bottom: 20px;
  }
}

@media screen and (max-width: 375px) {
  #contact-adress {
	transform: translateX(-22px);
  }
}

#contact-contact, #partner-text {
  display: flex;
}

#contact-contact > div:first-child  {
  padding-right: 20px;
}



/* --------------------------------------------- google map -------------------------------------------- */

.map-container .ugb-container__side {
  line-height: 0;
  padding: 0!important;
}

#hm-google-map .ugb-container__wrapper,
#hm-google-map .ugb-feature__item {
  padding: 0;
}

#twin-gmaps-canvas {
  height: 500px;
  z-index: -1;
}

#twin-gmaps-routelink, #twin-gmaps-companydata {
  z-index: 100;
  padding: 20px;
  background: #fff;
  position: absolute;
  left: 10px;
}

#twin-gmaps-routelink {
  bottom: 10px;
}

#twin-gmaps-companydata {
  bottom: 52px;
}

/* google-map picture */

.google-map-container {
  min-height: 400px;
}

.google-map-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 400px;
  object-position: 43%;
}

.google-map-container .cta-button {
  display: inline-block;
}

.pt-50 {
  padding-top: 50px;
}

@media screen and (max-width: 767px) {
  .google-map-container img {
	min-height: 300px;
  }
}

/*------- Instagram Feed, Google Reviews -------*/

#sb_instagram .sbi_follow_btn a {
  background: #706f6f;
  color: #fff;
  border-radius: 0;
}

.sbi_load_btn {
  border-radius: 0!important;
}

#sb_instagram .sbi_follow_btn a:hover,
#sb_instagram .sbi_follow_btn a:focus,
#sb_instagram .sbi_follow_btn a:active {
  background: linear-gradient(45deg, rgba(146,131,71,1) 0%, rgba(220,207,123,1) 60%, rgba(146,131,71,1) 100%);
  box-shadow: none;
}

#follow-me .socialmedia-linking {
  text-align: center;
  align-items: center;
  justify-content: center;
  font-size: 30px;
}

#follow-me .socialmedia-linking li {
  border: 1px solid #b2b1a7;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}

#follow-me .socialmedia-linking .fa-facebook-f {
  font-size: 29px;
  padding: 20px;
}

#follow-me .socialmedia-linking .fa-instagram {
  font-size: 35px;
  padding-top: 3px;
}

[data-header-size=medium].sbi-header-type-text {
  display: none;
}

@media screen and (max-width: 1370px) {

  .rplg-slider .rplg-slider-prev {
	left: -5px!important;
  }

  .rplg-slider .rplg-slider-next {
	right: -5px!important;
  }
}


/*------- Filterable Image Gallery with Lightbox -------*/


#hm-filter-gallery {
  margin: auto;
}

.grid-item {
  display: inline-block;
  height: 266px;
  overflow: hidden;
  text-align: center;
  width: 426.633px;
  padding: 5px;
}

.grid-item img {
  width:100%;
  height:auto;
  /*
  filter: url(filters.svg#grayscale);
  filter: gray;
  -webkit-filter: grayscale(1);
  */
  transition: 0.9s;
}
.grid-item img:hover{
  filter: none;
}

.isotope-pager .pager {
  display: inline-block;
}

.filters {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
  background: linear-gradient(90deg, rgba(251,244,238,1) 0%, rgba(247,247,245,1) 100%);
  padding: 0 30px;
}

.filters ul {
  list-style: none;
  padding: 30px 10px;
  margin: 0 40px; 
}

@media screen and (max-width: 904px) {
  .filters ul {
	line-height: 50px;
  }
}

.filters li {
  display: inline-block;
  font-weight: 400;
  cursor: pointer;
}
.filters li a {
  color: #b2b1a7;
  text-decoration: none;
  padding: 10px 25px;
  font-size: 16px;
  border: 1px solid transparent;
  transition: all 0.5s ease;
}
.filters li a:hover {
  color:#000;
  border: 1px solid #000;
}

.filters li.active a {
  color: #000;
  border: 1px solid #000;
  padding: 10px 25px;
}

.isotope-pager {
  padding-top: 15px;
  text-align:center;
}

.isotope-pager a {
  margin: 6px 1px;
  display: inline-block;
  width: 30px;
  line-height: 31px;
  color: #b6b6b6;
  font-weight: 700;
  transition: 0.3s;
  background-color: #232323;
  text-decoration:none;
}

.isotope-pager a:hover{
  color: #fff;
}

.isotope-pager .active{
  color: #000 !important;
  background: linear-gradient(45deg, rgba(146,131,71,1) 0%, rgba(220,207,123,1) 60%, rgba(146,131,71,1) 100%);
}

.isotope-pager .prev{
  border-radius: 30px 0 0 30px;
}

.isotope-pager .next{
  border-radius: 0 30px 30px 0;
}

.isotope-pager a::before,.isotope-pager a:after{
  content: "";
  position: absolute;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}
.isotope-pager .num::before,.next::before{
  border-right: 20px solid #2c3e50;
  right: 100%;
}

.isotope-pager .num:after,.prev:after{
  border-right: 20px solid #f1f1f1;
  right: 0;
}

.overlay {
  position: absolute; 
  bottom: 0; 
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5); /* Black see-through */
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 20px;
  padding: 20px;
  text-align: center;
  width: 416.633px;
  margin-bottom: 5px;
}

.grid-item:hover .overlay {
  opacity: 1;
}

@media screen and (max-width: 480px) {
  .grid-item {
	height: 170px;
	width: 280px;
	overflow: hidden;
  }
  .overlay {
	max-width: 270px;
  }
}


/*------- Magnific Popup CSS --------*/

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
.mfp-preloader a {
  color: #CCC; }
.mfp-preloader a:hover {
  color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
  opacity: 1; }
.mfp-close:active {
  top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
  margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent; }
.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px; }
.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px; }
.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px; }
.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px; }
.mfp-iframe-holder .mfp-close {
  top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444; }
.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px; }
.mfp-figure figure {
  margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
  * Remove all paddings around the image on small screen
  */
  .mfp-img-mobile .mfp-image-holder {
	padding-left: 0;
	padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
	padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
	top: 0;
	bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
	display: inline;
	margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
	background: rgba(0, 0, 0, 0.6);
	bottom: 0;
	margin: 0;
	top: auto;
	padding: 3px 5px;
	position: fixed;
	box-sizing: border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty {
	padding: 0; }
  .mfp-img-mobile .mfp-counter {
	right: 5px;
	top: 3px; }
  .mfp-img-mobile .mfp-close {
	top: 0;
	right: 0;
	width: 35px;
	height: 35px;
	line-height: 35px;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	text-align: center;
	padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
	-webkit-transform: scale(0.75);
	transform: scale(0.75); }
  .mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0; }
  .mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%; }
  .mfp-container {
	padding-left: 6px;
	padding-right: 6px; } }



/* popup styles */

.popup-content {
  padding: 40px;
}

.popup-content h2 {
  margin-bottom: 0.3em;
}

.popup-content .button-container {
  display: flex;
  justify-content: center;
  margin-top: 2em;
}

.popup-content .button-container .hm-btn {
  display: inline-block;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.popup-content .button-container .hm-btn.hm-btn-medium {
  min-width: 180px;
}

@media screen and (max-width: 767px) {
  .popup-content {
	padding: 40px 20px;
  }
  .popup-content .button-container {
	margin-top: 1em;
  }
}

@media screen and (max-width: 500px) {
  .popup-content h3 {
	max-width: 290px;
	margin: auto;
  }
  .popup-content .button-container {
	flex-flow: column;
  }
  .popup-content .button-container .hm-btn.hm-btn-medium {
	max-width: 180px;
	margin-left: auto;
	margin-right: auto;
  }
}


/* custom styles video-popup */

.youtubevideo.videobutton {
  margin-right: 15px;
}

.youtubevideo .ugb-video-popup__wrapper {
  background-color: #000000;
}
.youtubevideo .ugb-video-popup__wrapper:before {
  background-color: #000000;
}
.youtubevideo .ugb-video-popup__wrapper:hover:before {
  opacity: 0.2;
}
.popmake-content p {
  line-height: 0;
}
.video_iframeoverlay p {
  position: absolute;
  top: calc(50% - 70px);
  left: 0;
  right: 0;
  line-height: 1.55;
  width: 100%;
  text-align: center;
  padding: 0 20px;
}
#unlockiframe {
  display: block;
  background: linear-gradient(45deg, rgba(146,131,71,1) 0%, rgba(220,207,123,1) 60%, rgba(146,131,71,1) 100%);
  border-radius: 0!important;
  font-family: "PT sans";
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 20px;
  cursor: pointer;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
}
#unlockiframe:hover {
  color: #fff;
}
.youtubePopup {
  min-height: 473px;	
}
@media screen and (min-width: 768px) {
  .youtubevideo .ugb-video-popup {
	margin-bottom: 0px !important;
	margin-right: 10px !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1025px) {
  .youtubevideo .ugb-video-popup {
	margin-right: 10px !important;
  }
}
@media screen and (max-width: 768px) {
  .youtubevideo .ugb-video-popup {
	margin-right: 10px !important;
  }
}

@media screen and (max-width: 767px) {
  .behandlung-persona-img .ugb-inner-block {
	max-width: 300px;
	margin: 0 auto;
  }
}

/* impressum */

.page-id-3094 p strong:first-child {
  margin: 0;
  padding: 0;
  line-height: 1.3;
  font-family: "PT Serif";
  font-weight: 400;
  font-size: 1.5em;
}


/* bugfix list elements */

.hm-advantage-blocks.ugb-icon-list.ugb-icon-list--v2 li {
  text-indent: calc(var(--icon-size, 5px)* -1 - 1em) !important;
  padding-left: calc(var(--icon-size, 6px) + 1em) !important;
}
.wp-block-gallery.wp-block-gallery-1 {
  display: grid !important;
  grid-template-columns: repeat(6, 1fr) !important;
  gap: 5px !important;
}
.wp-block-gallery.wp-block-gallery-1 .wp-block-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}
@media screen and (max-width: 1280px) {
  .wp-block-gallery.wp-block-gallery-1 {
	grid-template-columns: repeat(4, 1fr) !important;
  }
}
@media screen and (max-width: 1024px) {
  .wp-block-gallery.wp-block-gallery-1 {
	grid-template-columns: repeat(3, 1fr) !important;
  }
}
@media screen and (max-width: 768px) {
  .wp-block-gallery.wp-block-gallery-1 {
	grid-template-columns: repeat(2, 1fr) !important;
  }
}



/* --- bugfixes umwandlung stackable blocks --- */

/*vorteilskästen mit goldenem rand */
.hm-overview-icon-col {
  display: flex !important;
  gap: 35px;
  margin-top: 0;
  margin-bottom: 0;
}
.hm-overview-icon-col .wp-block-column {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.hm-overview-icon-col .hm-outer-card {
  padding: 20px !important;
  height: 100%;
  display: flex;
  box-sizing: border-box;
}
.hm-overview-icon-col .hm-outer-card > div {
  width: 100%;
}
.hm-overview-icon-col .hm-inner-card {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  padding: 40px 15px 50px 15px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.hm-overview-icon-col .hm-inner-card h3 {
  margin: 0 !important;
  color: #000000;
  font-size: 24px;
  font-style: italic;
  font-weight: 400 !important;
  line-height: 1.3;
  text-align: center;
}
@media screen and (max-width: 859px) and (min-width: 769px) {
  .hm-overview-icon-col {
	flex-wrap: wrap !important;
  }
  .hm-overview-icon-col .wp-block-column.col-4 {
	width: calc(50% - 35px);
	flex: auto;
  }
}
@media screen and (max-width: 1025px) {
  .hm-overview-icon-col .hm-inner-card h3 { font-size: 20px; }
}
@media screen and (max-width: 768px) {
  .hm-overview-icon-col {
	flex-direction: column;
  }
}

/* rechts-links sektionen */

.native-feature-section {
  display: flex !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}
.native-feature-section > .wp-block-column {
  flex: 1 1 50% !important;
  width: 50% !important;
  max-width: 50% !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}
.native-feature-section .feature-section-image {
  width: 100% !important;
  height: 100% !important;
  min-height: 450px !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}
.native-feature-section .feature-section-image.img-behandlungsgespraech {
  background-image: url(/wp-content/uploads/hm-makeup-feature-beratungsgespraech.jpg);
  background-position: 13% !important;
}
.native-feature-section .feature-section-image.img-para-pigmentierung  {
  background-image: url("/wp-content/uploads/hm-makeup-feature-indivdiuelle-pigmentierung.webp");
  background-position: 70% !important;
}
.native-feature-section .feature-section-image.img-brustpig-haltbarkeit {
  background-image: url(/wp-content/uploads/hm-makeup-feature-brustpig-haltbarkeit.jpg);
  background-position: right !important;
}
.native-feature-section .feature-section-image.img-pigmentierung-ergebnisoptimierung {
  background-image: url(/wp-content/uploads/hm-makeup-feature-pigemnierung-ergebnisoptimierung.webp);
  background-position: 75% !important;
}
.native-feature-section .wp-block-column > .wp-block-html,
.native-feature-section .wp-block-column > div {
  height: 100% !important;
  width: 100% !important;
}
.native-feature-text {
  padding: 60px 40px !important;
  box-sizing: border-box !important;
}
@media screen and (max-width: 768px) {
  .native-feature-section {
	flex-direction: column !important;
  }
  .native-feature-section > .wp-block-column {
	flex: 1 1 100% !important;
	width: 100% !important;
	max-width: 100% !important;
  }
  .native-feature-section .feature-section-image {
	min-height: 300px !important;
  }
  .native-feature-text {
	padding: 40px 20px !important;
  }
  .native-feature-section .order-mobile-first {
	order: -1 !important;
  }
}