@charset "UTF-8";
.select-wrapper {
  margin: auto;
  max-width: 600px;
  width: calc(100% - 40px);
}

.select-pure__select {
  align-items: center;
  background: transparent;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  color: #363b3e;
  cursor: pointer;
  display: flex;
  font-size: 1rem;
  font-weight: 500;
  justify-content: left;
  min-height: 44px;
  padding: 5px 10px;
  position: relative;
  transition: 0.2s;
  width: 100%;
}

.select-pure__options {
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  box-sizing: border-box;
  color: #363b3e;
  display: none;
  left: 0;
  max-height: 221px;
  overflow-y: scroll;
  position: absolute;
  top: 50px;
  width: 100%;
  z-index: 5;
}

.select-pure__select--opened .select-pure__options {
  display: block;
}

.select-pure__option {
  background: #fff;
  border-bottom: 1px solid #e4e4e4;
  box-sizing: border-box;
  height: 44px;
  line-height: 25px;
  padding: 10px;
}

.select-pure__option--selected {
  color: #e4e4e4;
  cursor: initial;
  pointer-events: none;
}

.select-pure__option--hidden {
  display: none;
}

.select-pure__selected-label {
  background: #FFFFFF;
  border-radius: 4px;
  color: #000000;
  cursor: initial;
  display: inline-block;
  margin: 1px 10px 2px 0;
  padding: 4px 7px;
}

.select-pure__selected-label:last-of-type {
  margin-right: 0;
}

.select-pure__selected-label i {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
}

.select-pure__selected-label i:hover {
  color: #e4e4e4;
}

.select-pure__autocomplete {
  background: #f9f9f8;
  border-bottom: 1px solid #e4e4e4;
  border-left: none;
  border-right: none;
  border-top: none;
  box-sizing: border-box;
  font-size: 16px;
  outline: none;
  padding: 10px;
  width: 100%;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e6e6;
  position: relative;
}

.rangeslider--horizontal {
  height: 20px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  background: #00ff00;
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: white;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  width: 40px;
  height: 40px;
  position: absolute;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEzIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.13)), color-stop(100%, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  background-image: linear-gradient(rgba(0, 0, 0, 0.13), rgba(255, 255, 255, 0));
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider__handle:active, .rangeslider--active .rangeslider__handle {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4xMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.12)));
  background-image: -moz-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.12));
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type=range]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.vc_row {
  margin-left: 0px;
  margin-right: 0px;
}

div.vc_empty-placeholder {
  margin-bottom: 0px;
}

.vc_row.vc_column-gap-30 {
  margin-left: 0px;
  margin-right: 0px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0px;
}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
  margin-bottom: 0px;
}

.vc_column_container > .vc_column-inner {
  box-sizing: border-box;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
  padding-top: 0px;
  margin-top: 0px;
}

.vc_column-inner::after, .vc_column-inner::before {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* Die Float Elemente in einer Gruppe automatisch mit Clear abschließen */
div.vc_column-inner .wpb_wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

img.alignright {
  float: right;
}

/* region Allgemeines für Forms */
input {
  outline: none;
}

/* endregion */
/* region Maximale Breite Vorgaben */
div.column-width-80p {
  max-width: 80%;
  margin-right: auto;
  margin-left: auto;
}

div.column-width-60p {
  max-width: 60%;
  margin-right: auto;
  margin-left: auto;
}

div.column-width-80p-left {
  max-width: 80%;
  margin-right: auto;
  margin-left: 0px;
}

div.column-width-60p-left {
  max-width: 60%;
  margin-right: auto;
  margin-left: 0px;
}

/* endregion */
/* region Die Abstände auf der Homepage */
div.padding-top-100 {
  padding-top: 100px;
}

div.padding-top-80 {
  padding-top: 80px;
}

div.padding-top-60 {
  padding-top: 60px;
}

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

div.padding-top-40 {
  padding-top: 40px;
}

div.padding-bottom-100 {
  padding-bottom: 100px;
}

div.padding-bottom-80 {
  padding-bottom: 80px;
}

div.padding-bottom-60 {
  padding-bottom: 60px;
}

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

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

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

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

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

div.margin-top-50 {
  margin-top: 50px;
}

div.margin-top-60 {
  margin-top: 60px;
}

div.margin-top-70 {
  margin-top: 70px;
}

div.margin-top-80 {
  margin-top: 80px;
}

div.margin-top-100 {
  margin-top: 100px;
}

div.margin-top-140 {
  margin-top: 140px;
}

div.margin-bottom-10 {
  margin-bottom: 10px;
}

div.margin-bottom-20 {
  margin-bottom: 20px;
}

div.margin-bottom-30 {
  margin-bottom: 30px;
}

div.margin-bottom-40 {
  margin-bottom: 40px;
}

div.margin-bottom-60 {
  margin-bottom: 60px;
}

div.margin-bottom-80 {
  margin-bottom: 80px;
}

div.margin-bottom-100 {
  margin-bottom: 100px;
}

/* endregion */
/* region Margin Move up */
div.margin-moveup-100 {
  margin-top: -100px;
}

div.margin-moveup-140 {
  margin-top: -100px;
}

div.margin-moveup-160 {
  margin-top: -160px;
}

div.margin-moveup-200 {
  margin-top: -200px;
}

/* endregion */
/* region Position Move down */
div.position-movedown-100 {
  position: relative;
  top: 100px;
}

div.position-movedown-150 {
  position: relative;
  top: 150px;
}

div.position-movedown-200 {
  position: relative;
  top: 200px;
}

/* endregion */
/* region Position Move up */
div.position-moveup-50 {
  position: relative;
  top: -50px;
}

div.position-moveup-100 {
  position: relative;
  top: -100px;
}

div.position-moveup-150 {
  position: relative;
  top: -150px;
}

div.position-moveup-200 {
  position: relative;
  top: -200px;
}

/* endregion */
/* region Alignment */
.float-left {
  float: left;
}

.float-right {
  float: right;
}

/* endregion */
/* region Align DIV on Bottom of Row */
div.align-div-to-bottom-of-2nd-div-outer-frame {
  position: relative;
}

div.align-div-to-bottom-of-2nd-div-frame-to-align {
  position: Absolute;
  bottom: 0px;
  right: 0px;
}

/* endregion */
/* region Z- Index */
div.zindex-1000 {
  z-index: 1000;
}

/* endregion */
/* region Bilder */
div.width-50percent img, img.width-50percent {
  width: 50%;
  height: auto;
}

div.width-60percent img, img.width-60percent {
  width: 60%;
  height: auto;
}

div.width-80percent img, img.width-80percent {
  width: 80%;
  height: auto;
}

/* endregion */
/* region Formatierungen */
a.bold {
  font-weight: bold;
}

/* endregion */
/* Der äußere Rahmen um das komplette Accordion */
div.goldfaden-accordion-outer-frame {
  font-family: "Open Sans";
}

/* Der äußere Rahmen um einen einzelnen Eintrag im Accordion */
div.goldfaden-accordion-single-item {
  margin: 0px 0px 20px 0px;
}

/* Der äußere Rahmen um den Header mit dem Bild */
div.goldfaden-accordion-headline-outer-frame {
  background-color: #c2c0bd;
  cursor: pointer;
  height: auto;
  width: 100%;
  display: inline-block;
}

div.goldfaden-accordion-headline-outer-frame:hover {
  background-color: #8c837a;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-outer-frame {
  background-color: #009586;
}

/* Bild im Header */
div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-image {
  margin: 0px 0px 0px 10px;
  height: 60px;
  width: 50px;
  line-height: 60px;
  float: left;
  text-align: center;
}

div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-image img {
  vertical-align: middle;
  margin-top: -5px;
}

/* Der Text im Header */
div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-text {
  color: #FFFFFF;
  max-width: calc(100% - 140px);
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  float: left;
  margin: 12px 0px 18px 15px;
}

div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-button {
  float: right;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  margin: 14px 6px 0px 0px;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-button {
  /* Diese Einstellung muss im individuellem Stylesheet gemacht werden */
  background-image: url(/wp-content/themes/goldfadendesign/include/goldfaden-lib/accordion/image/accordion-close.png);
}

div.goldfaden-accordion-single-item-content-hidden div.goldfaden-accordion-headline-button {
  /* Diese Einstellung muss im individuellem Stylesheet gemacht werden */
  background-image: url(/wp-content/themes/goldfadendesign/include/goldfaden-lib/accordion/image/accordion-open.png);
}

/* Der Inhalt im Textbereich für den aktuellen Eintrag */
div.goldfaden-accordion-content-outer-frame {
  padding: 20px 0px 20px 0px;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-content-outer-frame {
  display: inline-block;
}

div.goldfaden-accordion-single-item-content-hidden div.goldfaden-accordion-content-outer-frame {
  display: none;
}

div.goldfaden-accordion-outer-frame {
  font-family: Montserrat;
}

div.goldfaden-accordion-headline-outer-frame {
  border-style: solid;
  border-width: 1px;
  border-color: #1dae99;
  background-color: transparent;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-outer-frame {
  background-color: transparent ;
}

div.goldfaden-accordion-headline-outer-frame:hover {
  background-color: #1dae99 ;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-outer-frame:hover {
  background-color: #1dae99 ;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-outer-frame {
  background-color: #1dae99 ;
}

div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-text {
  color: #000000;
  font-family: Montserrat, sans-serif ;
  font-size: 1.2rem;
  font-weight: 700;
  text-transform: none;
  margin: 16px 0px 17px 15px;
}

div.goldfaden-accordion-headline-outer-frame:hover div.goldfaden-accordion-headline-text {
  background-color: #1dae99;
  color: #FFFFFF;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-text {
  background-color: #1dae99;
  color: #FFFFFF;
}

div.goldfaden-accordion-single-item-content-visible div.goldfaden-accordion-headline-button {
  background-image: url(/wp-content/themes/safe4beauty/image/white-minus.png);
}

div.goldfaden-accordion-single-item-content-hidden div.goldfaden-accordion-headline-button {
  background-image: url(/wp-content/themes/safe4beauty/image/pink-plus.png);
}

div.goldfaden-accordion-single-item-content-hidden:hover div.goldfaden-accordion-headline-button {
  background-image: url(/wp-content/themes/safe4beauty/image/white-plus.png);
}

div.goldfaden-accordion-headline-outer-frame div.goldfaden-accordion-headline-button {
  float: left;
  width: 34px;
  height: 34px;
  background-repeat: no-repeat;
  margin: 19px 0px 0px 20px;
}

.checkbox-custom, .radio-custom {
  opacity: 0;
  position: absolute;
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
  display: inline-block;
  vertical-align: middle;
  margin: 5px;
  cursor: pointer;
  margin-left: 40px;
}

.checkbox-custom-label, .radio-custom-label {
  position: relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
  content: "";
  background: #fff;
  border: 1px solid #1dae99;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
  background: #1dae99;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

div#beitragsrechner-checkboxen .checkbox-custom + .checkbox-custom-label:before, div#beitragsrechner-checkboxen .radio-custom + .radio-custom-label:before {
  content: "";
  background: #1dae99;
  border: 1px solid #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  padding: 2px;
  margin-right: 10px;
  text-align: center;
  position: relative;
  margin-left: -40px;
}

div#beitragsrechner-checkboxen .checkbox-custom:checked + .checkbox-custom-label:before {
  background: #FFFFFF;
  box-shadow: inset 0px 0px 0px 4px #1dae99;
}

.radio-custom + .radio-custom-label:before {
  border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
  background: #ccc;
  box-shadow: inset 0px 0px 0px 4px #fff;
}

div.beitragsrechner-outer-frame button.button-black:hover {
  background-color: #FFFFFF;
  color: #000000;
}

div.beitragsrechner-outer-frame {
  background-color: #1dae99;
  height: 710px;
  color: #FFFFFF;
  padding: 40px 0px 0px 40px;
}

div.beitragsrechner-outer-frame h3 {
  color: #FFFFFF;
  font-size: 1.2rem;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}

div.beitragsrechner-outer-frame h2 {
  color: #FFFFFF;
}

div.beitragsrechner-outer-frame span.combo_behandlungen > div {
  width: 600px;
}

.beitragsrechner-landesauswahl {
  padding-left: 15px;
  margin-bottom: 40px;
  display: none;
}

.beitragsrechner-land-wrapper {
  position: relative;
  width: 200px;
}

.beitragsrechner-land-wrapper::before {
  color: #fff;
  font-size: 20px;
  pointer-events: none;
  position: absolute;
  right: 15px;
  top: 10px;
}

#beitragsrechner-land {
  padding: 10px 20px 10px 10px;
  background-color: transparent;
  border-color: #FFFFFF;
  outline: none;
  color: #FFFFFF;
  cursor: pointer;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8nwYAAmoBZ0eMiB8AAAAASUVORK5CYII=) repeat;
  border: none;
  border-radius: 3px;
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.3);
  color: #fff;
  cursor: pointer;
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  height: 40px;
  outline: none;
  padding-left: 10px;
  width: 100%;
}

#beitragsrechner-land option {
  color: #666;
}

#beitragsrechner-land::-ms-expand {
  display: none;
}

#beitragsrechner-land:focus::-ms-value {
  background-color: transparent;
}

/*#beitragsrechner-land:hover {
  background-color: #FFFFFF;
  color: #000000;
}*/
div.beitragsrechner-left-col {
  padding: 0px 0px 0px 15px;
  margin: 0px 40px 0px 0px;
  float: left;
}

div.beitragsrechner-right-col {
  margin: 0px 0px 0px 0px;
  float: left;
}

div.beitragsrechner-right-col div.button-next {
  float: right;
  margin-top: 20px;
}

div#laufzeitBox span#laufzeitLabel {
  font-weight: 700;
  padding: 0px 10px 0px 0px;
}

div.laufzeitSlider {
  margin: 40px 0px 50px 0px;
  width: 500px ;
}

div.laufzeitSlider div.rangeslider {
  height: 5px;
  background: #BDBDBD;
}

div.laufzeitSlider .rangeslider__fill {
  background: #FFFFFF;
  position: absolute;
}

.rangeslider__handle {
  width: 25px;
  height: 25px;
}

div.beitragsrechner-right-col #beitragAusgabe {
  font-size: 3rem;
  font-weight: 300;
  padding: 0px 0px 0px 30px;
}

div.beitragsrechner-right-col .beitragAusgabe-small {
  font-size: 1.87rem ;
  font-weight: 300;
}

div.beitragsrechner-outer-frame div#message {
  font-size: 1.2rem;
  font-weight: 700;
  margin: 30px 0px 0px 0px;
  display: none;
}

div#beitragsrechner-checkboxen {
  margin: 20px 0px 0px 0px;
  display: none;
}

div.header-typ-1 {
  margin: 80px 0px 20px 0px;
  width: 100%;
}

div.header-typ-1-outer-frame {
  position: absolute;
  left: 40px;
  top: 25%;
  width: 50%;
}

div.header-typ-1-h1 {
  font-size: 3rem;
  font-weight: 900;
  color: #1dae99;
  margin: 0px 0px 40px 0px;
}

div.header-typ-1-unterpunkt, div.header-typ-1-unterpunkt-placeholder {
  padding: 10px 20px 5px 30px;
  margin: 0px 0px 0px 0px;
  background-color: transparent;
  color: #1dae99;
  font-size: 1.4rem;
  font-weight: 400;
  max-width: 80%;
}

div.header-typ-1-unterpunkt:before {
  position: absolute;
  left: 0px;
  content: "•";
}

div.header-1-call-to-action:hover {
  background-color: #bdbdbd;
}

div.header-1-call-to-action a {
  color: #FFFFFF;
}

div.header-1-call-to-action {
  background-color: #1dae99;
  border-radius: 25px;
  padding: 12px 40px 15px 30px;
  margin: 50px 0px 0px 0px;
  width: auto ;
  min-width: 0px ;
  float: left;
  box-shadow: 5px 5px 5px #DBDBDB;
}

div.header-typ-2 {
  margin: 80px 0px 20px 0px;
  width: 100%;
}

div.header-typ-2-outer-frame {
  position: absolute;
  left: 40px;
  top: 50%;
  width: 56%;
}

div.header-typ-2-unterpunkt, div.header-typ-2-unterpunkt-placeholder {
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 10px 0px;
  background-color: transparent;
  color: #FFFFFF;
  font-size: 3rem;
  font-weight: 400;
  max-width: 70%;
}

div.header-typ-2-unterpunkt {
  background-color: #1dae99;
}

div.header-typ-3 {
  margin: 80px 0px 20px 0px;
  width: 100%;
}

div.header-typ-3-outer-frame {
  position: absolute;
  left: 40px;
  top: 65%;
  max-width: 90%;
  width: auto;
}

div.header-typ-3-headline {
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 10px 0px;
  background-color: #1dae99;
  color: #FFFFFF;
  font-size: 3rem;
  font-weight: 400;
  width: 100%;
}

div.header-typ-4 {
  margin: 80px 0px 20px 0px;
  width: 100%;
}

div.header-typ-4-outer-frame {
  position: absolute;
  left: 40px;
  top: 56%;
  width: 40%;
}

div.header-typ-4-h1 {
  font-size: 2.5rem;
  font-weight: 900;
  color: #1dae99;
  margin: 0px 0px 40px 0px;
}

div.header-typ-5 {
  margin: 80px 0px 20px 0px;
  width: 100%;
}

div.header-typ-5-outer-frame {
  position: absolute;
  bottom: 20px;
  width: 100%;
}

div.header-typ-5-h1 {
  font-weight: 900;
  color: #FFFFFF;
  margin: 0px 0px 0px 0px;
  font-size: 20rem;
  text-align: center;
  letter-spacing: 40px;
  padding-left: 40px ;
}

div.header-typ-kein-header {
  height: 180px ;
}

div.navigation {
  position: fixed;
  top: 0px;
  width: 100%;
  height: 80px;
  background-color: #FFFFFF;
  box-shadow: 0px 3px 10px 0px #AAAAAA;
  z-index: 100;
}

div.nav-logo {
  height: 100%;
  width: 180px;
  background-color: #FFFFFF;
  float: left;
}

div.nav-logo img {
  height: 40px;
  position: relative;
  left: 25px;
  top: 20px;
}

div.nav-menu {
  float: left;
  width: calc(100% - 180px - 420px - 95px);
  height: 100%;
  display: block;
  position: relative;
}

div.nav-kontakt {
  float: left;
  height: 100%;
  width: 420px;
  color: #FFFFFF;
  position: relative;
}

div.nav-laender {
  float: left;
  height: 100%;
  width: 90px;
  color: #FFFFFF;
  padding-right: 5px;
  position: relative;
  top: 28px;
}

div.nav-laender a {
  margin: 0px 5px 0px 0px;
}

div.nav-kontakt div.nav-kontakt-tel {
  text-align: center;
  height: 100%;
  float: left;
  margin: 1px 20px 0px 20px;
  padding: 0px 0px 0px 0px;
}

div.nav-kontakt div.nav-kontakt-tel div.textwidget p:before {
  content: url(/wp-content/uploads/2021/10/phone-c.svg);
  height: 10px;
  position: relative;
  top: 3px;
  margin-right: 6px;
}

div.nav-kontakt div.nav-kontakt-mail {
  text-align: center;
  height: 100%;
  float: left;
  margin: 1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.nav-kontakt div.nav-kontakt-mail div.textwidget p:before {
  content: url(/wp-content/themes/safe4beauty/image/header-brief.png);
  position: relative;
  top: 4px;
  margin-right: 10px;
}

div.nav-kontakt div.nav-kontakt-tel p {
  margin: 23px 0px 0px 0px;
}

div.nav-kontakt div.nav-kontakt-mail p {
  margin: 23px 0px 0px 0px;
}

div.nav-kontakt div.nav-kontakt-tel a {
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: none;
  color: #ADADAD;
  text-transform: uppercase;
}

div.nav-kontakt div.nav-kontakt-tel a:hover {
  color: #1dae99;
}

div.nav-kontakt div.nav-kontakt-mail a {
  font-size: 0.8rem;
  font-weight: 400;
  text-decoration: none;
  color: #ADADAD;
  text-transform: uppercase;
}

div.nav-kontakt div.nav-kontakt-mail a:hover {
  color: #1dae99;
}

div.nav-menu-inner {
  width: auto;
  height: 100%;
  margin: 0 auto 0 auto;
  position: relative;
  background-color: #FFFFFF;
}

.menu-header {
  width: auto;
  height: 100%;
  float: left;
  margin: 0px 0px 0px 20px;
}

.menu-header a {
  padding: 26px 10px 30px 10px;
  color: #000000;
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.menu-header a:hover {
  color: #1dae99;
}

.menu-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

.menu-header li {
  margin: 0px 0px 0px 0px;
  position: relative;
  height: 100%;
  float: left;
}

div.footer {
  width: 100%;
  height: auto;
  padding: 20px 0px 40px 0px;
  background-color: #bdbdbd;
  color: #FFFFFF;
  padding: 40px 0px 0px 0px;
}

div.footer a {
  color: #FFFFFF;
  text-decoration: none;
}

div.footer a:hover {
  color: #1dae99;
}

div.footer h5 {
  font-size: 1.4rem;
  font-weight: 900;
  text-transform: uppercase;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

div.footer-left {
  padding: 0px 10px 0px 0px;
  width: calc(30% - 10px);
  position: relative;
  float: left;
}

div.footer-left table td {
  vertical-align: top;
  text-align: left;
  padding: 0px 0px 14px 0px;
}

div.footer-middle {
  padding: 0px 10px 0px 10px;
  width: calc(35% - 20px);
  position: relative;
  float: left;
}

div.footer-middle ul {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}

div.footer-middle ul li:before {
  content: url(/wp-content/themes/safe4beauty/image/footer-icon-download.png);
  position: relative;
  top: 3px;
  left: -10px;
}

div.footer-right {
  padding: 0px 0px 0px 10px;
  width: calc(35% - 10px);
  position: relative;
  float: left;
}

div.footer-copyright {
  text-align: center;
  padding: 0px 0px 20px 0px;
  font-size: 0.8rem;
}

div.footer-copyright a:hover {
  color: #1dae99;
}

div.footer-right .mc4wp-form {
  width: 78%;
}

div.footer-right .mc4wp-form input {
  border-style: solid;
  border-width: 1px;
  border-color: #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
  padding: 8px 20px 7px 14px;
  width: calc(100% - 34px);
  outline: 0 none;
}

div.footer-right .mc4wp-form *::-webkit-input-placeholder {
  color: #FFFFFF;
}

div.footer-right .mc4wp-form *:-moz-placeholder {
  /* FF 4-18 */
  color: #FFFFFF;
}

div.footer-right .mc4wp-form *::-moz-placeholder {
  /* FF 19+ */
  color: #FFFFFF;
}

div.footer-right .mc4wp-form *:-ms-input-placeholder {
  /* IE 10+ */
  color: #FFFFFF;
}

div.footer-right .mc4wp-form input[type=submit] {
  border-style: none;
  background-color: #FFFFFF;
  color: #000000;
  padding: 10px 20px 10px 20px;
  margin: 0px 0px 0px 0px;
  width: auto;
  outline: 0 none;
  float: right;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 700;
}

div.footer-right .mc4wp-form input[type=submit]:hover {
  background-color: #1dae99;
  color: #FFFFFF;
}

div.home-preis-box-outer-frame {
  padding: 0px 10px 0px 10px;
}

div.box-produkt .vc_column-inner {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 3px;
  border-color: #1dae99;
}

div.box-produkt-header {
  background-color: #1dae99;
  color: #FFFFFF;
  padding: 20px 20px 25px 20px;
  margin: 0px 0px 0px 0px;
}

div.box-produkt-header h1 {
  margin-top: -0.3em;
  margin-bottom: -0.3em;
}

div.box-produkt-preis ul {
  /** funktioniert nicht mit IE/Edge darum als Grafik
   * list-style-type:"- "; **/
  list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAIAAAACUFjqAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAA6SURBVChTY/z//z8DbsAEpXEAyqQRdu/evfv06dMQtp2dnY2NDZCB0P327dtHMPD161eI4MC5nIEBAIrxHKHzZ2iGAAAAAElFTkSuQmCC);
  padding-left: 2em;
  font-size: 0.8em;
  margin-right: 1em;
}

div.box-produkt-header h3 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  font-size: 1.2rem;
}

div.box-produkt-header p {
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  font-size: 1rem;
  text-align: center;
}

div.box-produkt-preis {
  text-align: center;
  margin-bottom: 25px;
}

div.box-produkt-preis h3 {
  color: #1dae99;
  font-size: 3rem;
  font-weight: 900;
  text-align: center;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

div.box-produkt-preis p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 1.2rem;
  font-weight: 700;
}

div.box-produkt-preis-2 {
  padding: 10px 10px 10px 10px;
  border-top-style: none;
  background-color: #BDBDBD;
  text-align: center;
  color: #FFFFFF;
}

div.box-produkt-preis-2 p {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.box-produkt-preis-2 .box-produkt-preis {
  color: #1dae99;
  font-weight: 700;
  padding-right: 5px;
}

div.row-stretch {
  width: 100%;
}

div.row-stretch-black-background {
  background-color: #000000;
  color: #FFFFFF;
  padding: 40px 0px 40px 0px;
}

div.row-stretch-black-background div.vc_column-inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

div.row-stretch-pink-background {
  background-color: #1dae99;
  color: #FFFFFF;
  padding: 40px 0px 40px 0px;
}

div.row-stretch-pink-background div.vc_column-inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

div.row-stretch-gray-background {
  background-color: #f5f5f5;
  padding: 40px 0px 40px 0px;
}

div.row-stretch-gray-background div.vc_column-inner {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

div.operation-uebersicht-outerframe {
  width: 100%;
}

a.operation-uebersicht-item div.operation-uebersicht-item {
  background-color: #bdbdbd;
  float: left;
  width: calc(33% - 18px);
  position: relative;
}

a.operation-uebersicht-item:hover div.operation-uebersicht-item {
  background-color: #f04e99;
}

a.operation-uebersicht-item div.operation-uebersicht-item:nth-child(3n+1) {
  margin: 0px 20px 20px 0px;
}

a.operation-uebersicht-item div.operation-uebersicht-item:nth-child(3n+2) {
  margin: 0px 20px 20px 20px;
}

a.operation-uebersicht-item div.operation-uebersicht-item:nth-child(3n) {
  margin: 0px 0px 20px 20px;
}

div.operation-uebersicht-item h3 {
  padding: 15px 20px 15px 20px;
  margin: 0px 0px 0px 0px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #FFFFFF;
}

a.operation-uebersicht-item div.operation-uebersicht-item img {
  position: absolute;
  top: 16px;
  right: 20px;
}

div.operation-detail-outer-frame {
  margin: 0px 0px 60px 0px;
}

div.operation-detail-outer-frame h2 {
  margin: 0px 0px 40px 0px;
  padding-bottom: 0px;
}

div.operation-detail-was-ist-das {
  margin-bottom: 20px;
}

div.operation-detail-was-passiert {
  margin-bottom: 20px;
}

div.operation-detail-darauf-achten {
  margin-bottom: 20px;
}

div.operation-detail-spacer {
  height: 60px;
}

/* Die pinken Überschriften mit dem Icon daneben */
h2.icon-pink {
  color: #1dae99;
  font-family: Montserrat, sans-serif ;
  font-weight: 900 ;
  font-size: 3rem ;
  text-align: left ;
  padding: 50px 0px 50px 160px;
  margin: 0px 0px 30px 0px;
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: calc(100% - 160px);
}

div.row-stretch-pink-background h2.icon-pink {
  color: #FFFFFF;
}

h2.icon-pink-euro {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/euro.png);
  background-position: -9px 0px;
}

h2.icon-pink-feuer {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/feuer.png);
  background-position: 10px 0px;
}

h2.icon-pink-sprechblase {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/sprechblase.png);
  background-position: -10px 0px;
}

h2.icon-pink-fragezeichen {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/fragezeichen.png);
  background-position: -9px 0px;
}

h2.icon-pink-telefon {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/telefon.png);
  background-size: 150px;
}

h2.icon-pink-taschenrechner {
  background-image: url(/wp-content/themes/safe4beauty/image/h2-icon-pink/taschenrechner.png);
}

/* region ALlgemein */
div.home-anruf-telefon {
  margin-top: -50px;
  margin-bottom: 20px;
  max-width: 80%;
  font-weight: 700;
}

div.home-anruf-telefon a {
  color: #FFFFFF;
}

div.home-anruf-telefon a:hover {
  color: #FFFFFF;
}

div.home-icon-haken .fa-adjust:before {
  content: url(/wp-content/themes/safe4beauty/image/home-haken.png);
}

/* endregion */
/* region Homepage Operationen Boxen */
div.safe4beauty-behandlung-grid:hover div.safe4beauty-behandlung-grid-post-title {
  background-color: #f04e99 ;
}

div.safe4beauty-behandlung-grid-post-title {
  background-color: #BDBDBD ;
  color: #FFFFFF ;
  padding-left: 20px;
}

div.safe4beauty-behandlung-grid-post-title .vc_gitem_row .vc_gitem-col {
  padding: 0px;
}

div.safe4beauty-behandlung-grid-post-title h4 {
  padding: 0px 0px 7px 0px;
  margin: 20px 0px 10px 0px;
}

div.safe4beauty-behandlung-grid-post-title h4:after {
  content: url(/wp-content/themes/safe4beauty/image/pfeil-rechts.png);
  position: absolute;
  right: 20px;
}

/* endregion */
/* region Homepage FAQ (Die häufigsten Fragen) */
div.faq-3-spalten-grid .vc_gitem-row-position-top {
  position: relative;
}

div.faq-3-spalten-grid-frage {
  font-weight: 700;
}

div.faq-3-spalten-grid .vc-gitem-zone-height-mode-auto:before {
  padding-top: 0px;
}

div.faq-3-spalten-grid-antwort {
  margin-top: -20px;
}

/* endregion */
/* region Blog Allgemein */
/* endregion */
/* region Blog neuste Artikel */
div.blog-box-neuste-artikel-single-item {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 20px 20px;
  width: calc(50% - 40px);
}

div.blog-box-neuste-artikel-image img {
  height: auto;
  width: 100%;
}

div.blog-box-neuste-artikel-content h6 {
  color: #1dae99;
  font-weight: 900;
  font-size: 0.8rem;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

div.blog-box-neuste-artikel-content h5 {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  font-size: 2.2rem;
  font-weight: 400;
}

div.blog-box-neuste-artikel-content a {
  color: #000000;
}

div.blog-box-neuste-artikel-content a:hover {
  color: #1dae99;
}

/* endregion */
div.blog-back-button {
  margin: 80px 0px 0px 16px;
}

div.blog-faq-outer-frame {
  position: relative;
  padding: 0px 0px 0px 0px ;
  margin: 0px 0px -5px 0px ;
  height: auto;
}

div.blog-faq-inner-frame {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  right: 0px;
  display: flex;
}

div.blog-faq-outer-frame img {
  position: relative;
  width: 100%;
  height: auto;
}

div.blog-faq-outer-frame div.main {
  position: relative;
  top: 0px;
  bottom: 0px;
}

div.blog-faq-content-box {
  background-color: #FFFFFF;
  float: right;
  height: calc(100% - 190px);
  width: 53%;
  padding: 30px 0px 20px 40px;
  margin: 60px 0px 0px 0px;
  box-shadow: 0px 0px 40px 10px #434343;
}

div.blog-faq-content-box-textbox-outer-frame {
  width: calc(100% - 40px);
  height: calc(100% - 190px);
  position: relative;
  margin: 20px 0px 0px 0px;
}

div.blog-faq-content-box h5 {
  color: #1dae99;
  font-size: 2.8rem;
  font-weight: 700;
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

div.blog-faq-content-box-textbox {
  background-color: #FFFFFF;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

button#faqSendButton {
  border-style: none;
  color: #FFFFFF;
  background-color: #bdbdbd;
  border-radius: 25px;
  padding: 12px 60px 15px 60px;
  margin: 20px 0px 0px 0px;
  width: auto ;
  min-width: 0px ;
  box-shadow: 5px 5px 5px #DBDBDB;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  text-transform: uppercase;
  cursor: pointer;
}

button#faqSendButton:hover {
  background-color: #1dae99;
}

div.blog-faq-content-box textarea {
  position: absolute;
  left: 0px;
  right: 0px;
  width: calc(100% - 40px);
  top: 0px;
  bottom: 60px;
  font-family: Montserrat, sans-serif;
  background-color: transparent;
  padding: 20px 20px 20px 20px;
  font-size: 1.8rem;
  color: #F04E98;
  border-style: none;
  outline: 0 none;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  border-width: 2px;
}

div.blog-faq-content-box input#faqUserEMail {
  font-family: Montserrat, sans-serif;
  position: absolute;
  left: 0px;
  right: 0px;
  width: calc(100% - 40px);
  bottom: -10px;
  height: 40px;
  font-size: 1.8rem;
  color: #1dae99;
  padding: 5px 20px 5px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  border-width: 2px;
}

div.blog-faq-content-box *::-webkit-input-placeholder {
  color: #1dae99;
}

div.blog-faq-content-box *:-moz-placeholder {
  /* FF 4-18 */
  color: #1dae99;
}

div.blog-faq-content-box *::-moz-placeholder {
  /* FF 19+ */
  color: #1dae99;
}

div.blog-faq-content-box *:-ms-input-placeholder {
  /* IE 10+ */
  color: #1dae99;
}

div.blog-faq-content-box .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  margin-top: 20px;
}

div.blog-faq-bereits-beantwortet {
  padding: 0px 40px 40px 40px;
  background-color: #FFFFFF;
  position: relative;
  margin-top: 200px;
}

div.blog-faq-bereits-beantwortet h2 {
  padding: 40px 0px 40px 0px;
  margin: 0px 0px 0px 0px;
  width: 100%;
}

div.blog-faq-single-item {
  float: left;
  background-color: #DADADA;
  padding: 20px 20px 20px 20px;
  width: calc(33% - 51px);
  font-size: 1.4rem;
  min-height: 400px;
}

div.blog-faq-single-item:nth-child(3n+2) {
  margin: 0px 10px 10px 0px;
}

div.blog-faq-single-item:nth-child(3n+0) {
  margin: 0px 10px 10px 10px;
}

div.blog-faq-single-item:nth-child(3n+1) {
  margin: 0px 0px 10px 10px;
}

div.blog-faq-single-item-headline h5 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
  color: #000000;
}

div.blog-faq-single-item-content {
  color: #000000;
  font-size: 1rem;
}

div.blog-faq-bereits-beantwortet .vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  margin-top: 20px;
  width: calc(33% - 12px);
}

p#faqAckMessage {
  display: none;
  color: #000000;
}

div.blog-box-weitere-artikel-single-item {
  float: left;
  padding: 0px 0px 0px 0px;
  margin: 0px 20px 20px 20px;
  width: calc(50% - 40px);
}

div.blog-box-weitere-artikel-content h6 {
  color: #1dae99;
  font-weight: 900;
  font-size: 0.8rem;
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 0px 0px;
}

div.blog-box-weitere-artikel-content h5 {
  padding: 0px 0px 0px 0px;
  margin: 10px 0px 0px 0px;
  font-size: 2.2rem;
  font-weight: 400;
}

div.blog-box-weitere-artikel-content a {
  color: #000000;
}

div.blog-box-weitere-artikel-content a:hover {
  color: #1dae99;
}

div.blog-kat-filter {
  padding: 60px 0px 0px 0px;
}

span.blog-kat-title {
  float: left;
  margin: 0px 20px 0px 0px;
  padding: 5px 0px 0px 0px;
}

div.blog-kat-filter-item {
  float: left;
  background-color: #BDBDBD;
  color: #FFFFFF;
  padding: 5px 10px 5px 10px;
  margin: 0px 10px 10px 0px;
}

div.blog-kat-filter-item-active {
  background-color: #1dae99;
}

div.blog-kat-filter-item:hover {
  background-color: #1dae99;
}

div.blog-kat-filter-item a {
  color: #FFFFFF;
}

div.blog-newsletter {
  padding: 30px 0px 60px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
}

div.blog-newsletter h5 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
  font-size: 2rem;
  font-weight: 900;
}

div.blog-newsletter input {
  padding: 15px 15px 15px 15px;
  border-style: none;
  outline: none;
  margin: 0px 20px 0px 0px;
  width: 240px;
}

div.blog-newsletter input[type=submit] {
  border-style: none;
  background-color: #1dae99;
  color: #FFFFFF;
  padding: 15px 60px 15px 60px;
  margin: 0px 0px 0px 0px;
  width: auto;
  outline: 0 none;
  cursor: pointer;
  text-transform: uppercase;
}

div.blog-newsletter input[type=submit]:hover {
  background-color: #1dae99;
  color: #FFFFFF;
}

div.navi-socialmedia {
  float: right;
  position: relative;
  top: 38px;
  width: auto;
  margin: 0px 40px 0px 0px;
}

a.navi-socialmedia-facebook {
  margin: 0px 10px 0px 0px;
}

a.navi-socialmedia-instagram {
  margin: 0px 0px 0px 0px;
}

div.antrag {
  width: calc(100% - 360px);
  margin-bottom: 60px;
  float: left;
}

div#page-persoenliche-daten {
  width: calc(100% - 40px);
}

div#page-zahlungsart {
  width: calc(100% - 40px);
}

div#page-zusammenfassung {
  width: calc(100% - 40px);
}

div#page-abschluss {
  width: calc(100% - 40px);
}

div#page-danke {
  width: calc(100% - 40px);
}

div.antrag h2.nopad-left {
  margin: 0px 0px 20px 0px;
}

div.antrag div.line {
  width: 100%;
  clear: both;
}

div.antrag div.line-2-col {
  float: left;
  width: calc(50% - 10px);
  padding: 0px 0px 20px 0px;
  margin: 0px 0px 0px 0px;
}

div.antrag div.line-2-col:nth-of-type(2n+0) {
  margin: 0px 0px 0px 10px;
}

div.antrag div.line-2-col:nth-of-type(2n+1) {
  margin: 0px 10px 0px 0px;
}

div.antrag div.line-1-col {
  float: left;
  width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

div.antrag span.input-label {
  font-size: 0.8rem;
  font-weight: 700;
}

div.antrag span.input-label:after {
  content: "\a";
  /* Line Break */
  white-space: pre;
}

div.antrag input[type=checkbox] {
  width: auto;
}

div.antrag select {
  padding: 5px 10px 5px 10px;
  margin: 5px 0px 0px 0px;
  min-width: 140px;
  border-color: #DADADA;
}

div.antrag a {
  text-decoration: none;
  color: #1dae99;
}

div.antrag a:hover {
  text-decoration: none;
  color: #000000;
}

div.antrag div.datenschutz-widerruf {
  padding: 40px 0px 0px 0px;
}

div.antrag div.datenschutz-widerruf p {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

div.antrag div.datenschutz-widerruf input {
  width: auto;
}

span.input-pflichtfeld:after {
  content: "  *\a" ;
  color: #1dae99;
}

div.antrag button.button-black {
  margin-left: 20px;
}

div.antrag div.hinweis-pflichtfelder {
  padding: 10px 0px 0px 0px;
  font-size: 1rem;
}

div.antrag-download {
  background-color: #bdbdbd;
  width: 300px;
  margin: 0px 0px 0px 20px;
  padding: 20px 20px 40px 20px;
  float: left;
  color: #FFFFFF;
}

div.antrag-download h3 {
  padding: 0px 0px 10px 0px;
  margin: 0px 0px 0px 0px;
}

div.antrag-download a {
  color: #FFFFFF;
}

div.antrag-download a:hover {
  color: #1dae99;
}

div.antrag-download ul {
  list-style-type: none;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 20px;
}

div.antrag-download ul li {
  margin: 10px 0px 0px 0px;
}

div.antrag-download ul li:before {
  content: url(/wp-content/themes/safe4beauty/image/antrag-download.png);
  position: relative;
  top: 0px;
  left: -10px;
}

.parsley-errors-list {
  padding: 0px 0px 0px 0px;
  margin: 5px 0 5px 0px;
  list-style-type: none;
  font-size: 0.8rem;
  font-weight: 700;
  color: #1dae99;
}

div.antrag div#plzOrtSelect {
  margin: 6px 0px 0px 10px;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  width: calc(100% - 40px);
  height: 187px;
  overflow: auto;
  box-shadow: 5px 5px 5px #DBDBDB;
  display: none;
}

div.antrag div#arztSelect {
  margin: 6px 0px 0px 10px;
  background-color: #FFFFFF;
  padding: 0px 0px 0px 0px;
  border-style: solid;
  border-width: 1px;
  border-color: #DADADA;
  width: calc(100% - 40px);
  height: 187px;
  overflow: auto;
  box-shadow: 5px 5px 5px #DBDBDB;
  display: none;
}

div.antrag div#plzOrtSelect div.plz-ort-select-entry, div.antrag div#arztSelect div.arzt-select-entry {
  padding: 3px 7px 6px 8px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #DADADA;
  cursor: pointer;
}

div.antrag div#plzOrtSelect div.plz-ort-select-entry:hover, div.antrag div#arztSelect div.arzt-select-entry:hover {
  background-color: #bdbdbd;
}

div.antrag div#plzOrtSelect span.line1, div.antrag div#arztSelect span.line1 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 1rem;
  font-weight: 400;
  width: 100%;
}

div.antrag div#plzOrtSelect span.line2, div.antrag div#arztSelect span.line2 {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 0.9rem;
  font-weight: 300;
}

div.antrag p#sepa-mandat {
  color: #1dae99;
  display: none;
}

div.antrag p#datenschutz-widerruf-check-meldung {
  margin: 20px 0px 0px 0px;
  color: #1dae99;
  display: none;
}

div.antrag-box-zusammenfassung {
  margin: 0px 0px 40px 0px;
}

div.antrag p#antrag-check-papier-dokumente-meldung {
  color: #1dae99;
  display: none;
}

div.antrag p#antrag-check-unterlagen-erhalten-meldung {
  color: #1dae99;
  display: none;
}

div.antrag p#zusammenfassung-fehler-server {
  color: #1dae99;
  margin-bottom: 60px;
  display: none;
}

.picker__select--year {
  padding: 10px 0px 10px 10px ;
  margin: 0px 10px 0px 0px ;
  border: 1px solid #DADADA;
  height: auto ;
  max-width: 80px ;
  min-width: 80px ;
  width: 80px ;
  outline: none;
}

.picker__select--month {
  padding: 10px 0px 10px 10px ;
  margin: 0px 0px 0px 10px ;
  border: 1px solid #DADADA;
  height: auto ;
  max-width: 187px ;
  min-width: 187px ;
  width: 187px ;
  outline: none;
}

div.kontakt-formular {
  padding: 60px 0px 40px 0px;
  margin-top: -100px ;
}

div.kontakt-formular h2 {
  text-align: left ;
  margin: 0px 0px 40px 0px;
  font-size: 2.2rem ;
}

div.kontakt-formular a {
  color: #BDBDBD;
}

div.kontakt-formular a:hover {
  color: #FFFFFF;
}

div.kontakt-formular p {
  font-size: 1rem;
}

div.kontakt-col-1-3 {
  padding: 0px 0px 20px 0px;
  width: calc(33% - 5px);
  float: left;
}

div.kontakt-col-2-3 {
  padding: 0px 15px 0px 0px;
  float: left;
  width: calc(66% - 20px);
}

div.kontakt-formular input {
  padding: 10px 10px 10px 10px;
  border-color: #BDBDBD;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  width: calc(100% - 40px);
}

div.kontakt-formular select {
  padding: 10px 10px 10px 10px;
  border-color: #BDBDBD;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  width: calc(100% - 20px);
  margin: 0px 0px 20px 0px;
}

div.kontakt-formular textarea {
  padding: 10px 10px 10px 10px;
  border-color: #BDBDBD;
  border-style: solid;
  border-width: 1px;
  color: #000000;
  width: calc(100% - 30px);
}

div.kontakt-formular input[type=submit] {
  padding: 15px 20px 15px 20px;
  margin: 0px 10px 0px 0px;
  border-style: none;
  background-color: #000000;
  color: #FFFFFF;
  width: 100px;
  float: right;
  font-weight: 700;
  cursor: pointer;
}

div.kontakt-formular input::-webkit-input-placeholder, div.kontakt-formular textarea::-webkit-input-placeholder {
  color: #000000;
}

div.kontakt-formular input:-moz-placeholder, div.kontakt-formular textarea:-moz-placeholder {
  /* FF 4-18 */
  color: #000000;
}

div.kontakt-formular input::-moz-placeholder, div.kontakt-formular textarea::-moz-placeholder {
  /* FF 19+ */
  color: #000000;
}

div.kontakt-formular input:-ms-input-placeholder, div.kontakt-formular textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}

div.kontakt-formular input[type=checkbox] {
  margin: 0px 0px 0px 0px;
  width: auto;
}

div.kontakt-formular-adresse a:hover {
  color: #1dae99;
}

div.kontakt-formular-adresse a {
  color: #000000;
}

div.wpcf7-mail-sent-ok {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border-style: none;
}

div.wpcf7-response-output {
  padding: 0px 0px 0px 0px;
  margin: 40px 0px 20px 0px;
  border-style: none;
}

div.nav-mobile-hamburger {
  display: none;
  background-image: url(/wp-content/themes/safe4beauty/image/menu-hamburger.png);
  width: 24px;
  height: 24px;
  position: absolute;
  right: 30px;
  top: 28px;
}

div.nav-mobile-close {
  background-image: url(/wp-content/themes/safe4beauty/image/menu-close.png);
  width: 24px;
  height: 24px;
  position: absolute;
  right: 30px;
  top: 28px;
}

div.nav-mobile {
  padding: 32px 0px 0px 0px;
  position: fixed;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background-color: #FFFFFF;
  width: 300px;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #DADADA;
  z-index: 100;
  display: none;
}

div.nav-mobile-active {
  display: inline-block;
}

div.nav-mobile .menu-header a {
  padding: 0px 10px 20px 10px;
  color: #000000;
  display: block;
  text-decoration: none;
  font-weight: 400;
  font-size: 0.8rem;
  text-transform: uppercase;
}

div.nav-mobile .menu-header a:hover {
  color: #1dae99;
}

div.nav-mobile .menu-header ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}

div.nav-mobile .menu-header li {
  margin: 0px 0px 0px 0px;
  position: relative;
  height: unset;
  float: none;
}

div.nav-mobile-laender {
  position: absolute;
  bottom: 20px;
  right: 20px;
}

div.nav-mobile-laender a {
  margin-left: 10px;
}

div.nav-mobile-laender a img {
  width: 26px;
}

/* region Allgemeine Elemente der Homepage */
body {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  background-color: white;
  font-family: Montserrat, sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  width: 100%;
  overflow-x: hidden;
}
/* Der Bereich der die Seitenbreite und Zentrierung vorgibt für die gesamte Homepage */
div.main {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}

h2 {
  font-family: Montserrat, sans-serif ;
  font-weight: 900 ;
  font-size: 2.5rem;
  text-align: center ;
  margin: 70px auto 0px auto;
  line-height: 1.2em;
  width: 60%;
}

h2.nopad-left {
  margin: 0px 0px 0px 0px;
  text-align: left ;
}

h2.pink-center {
  color: #1dae99;
  font-family: Montserrat, sans-serif ;
  font-weight: 900 ;
  font-size: 3rem ;
  text-align: center ;
  padding: 50px 0px 35px 0px;
  margin: 0px 0px 30px 0px;
  width: 100%;
}

a {
  text-decoration: none;
  color: #000000;
}

a:hover {
  text-decoration: none;
  color: #1dae99;
}

a.button-black {
  padding: 10px 20px 12px 60px;
  background-color: #000000;
  color: #FFFFFF;
  position: relative;
  font-size: 1rem;
  cursor: pointer;
}

a.button-black:hover {
  background-color: #F04E98;
}

a.button-black img {
  position: absolute;
  left: 12px;
  top: 11px;
}

a.button-align-right {
  float: right;
}

button.button-black {
  padding: 14px 40px 14px 40px;
  background-color: #000000;
  color: #FFFFFF;
  position: relative;
  font-size: 1rem;
  border-style: none;
  text-transform: uppercase;
  font-weight: 700;
  cursor: pointer;
  outline: none;
}

button.button-black:hover {
  background-color: #1dae99;
  color: #FFFFFF;
}

button.button-disabled {
  background-color: #bdbdbd ;
  color: #FFFFFF ;
  cursor: unset ;
}

button.button-disabled:hover {
  background-color: #bdbdbd ;
  color: #FFFFFF ;
  cursor: unset ;
}

input.button-black-right, button.button-black-right {
  float: right;
}

.box-font-size-2 {
  font-size: 2rem;
}

.vc_btn3.vc_btn3-color-grey.vc_btn3-style-modern {
  color: #FFFFFF;
  background-color: #1dae99;
  font-size: 1rem;
  padding: 15px 100px 15px 100px;
  border-radius: 0px;
  box-shadow: 5px 5px 5px #DBDBDB;
  border-style: none;
  text-transform: uppercase;
}

/* endregion */
/* region Header unterhalb der Navigation */
div.header-image {
  height: auto;
  width: 100%;
  position: relative;
}

div.header-image img {
  height: auto;
  width: 100%;
}

/* endregion */

/*# sourceMappingURL=default.css.map */