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

  @font-face {
      font-family: 'Kepler Std';
      src: url('../fonts/KeplerStd-Regular.eot');
      src: url('../fonts/KeplerStd-Regular.eot?#iefix') format('embedded-opentype'),
          url('../fonts/KeplerStd-Regular.woff2') format('woff2'),
          url('../fonts/KeplerStd-Regular.woff') format('woff'),
          url('../fonts/KeplerStd-Regular.ttf') format('truetype'),
          url('../fonts/KeplerStd-Regular.svg#KeplerStd-Regular') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }

  @font-face {
      font-family: 'Futura Std';
      src: url('../fonts/FuturaStd-Book.eot');
      src: url('../fonts/FuturaStd-Book.eot?#iefix') format('embedded-opentype'),
          url('../fonts/FuturaStd-Book.woff2') format('woff2'),
          url('../fonts/FuturaStd-Book.woff') format('woff'),
          url('../fonts/FuturaStd-Book.ttf') format('truetype'),
          url('../fonts/FuturaStd-Book.svg#FuturaStd-Book') format('svg');
      font-weight: normal;
      font-style: normal;
      font-display: swap;
  }
  @font-face {
      font-family: 'FontAwesome';
      font-style: normal;
      font-weight: 400;
      src: url('../fonts/fontawesome-webfont.eot');
      src: local('FontAwesome'), local('FontAwesome'),
        url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontawesome-webfont.woff2') format('woff2'),
        url('../fonts/fontawesome-webfont.woff') format('woff'),
        url('../fonts/fontawesome-webfont.ttf') format('truetype'),
        url('../fonts/fontawesome-webfont.svg') format('svg');
    }
    @font-face {
        font-family: 'Font Awesome 5 Brands';
        font-style: normal;
        font-weight: normal;
        src: url("../fonts/fa-brands-400.eot");
        src: url("../fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-brands-400.woff2") format("woff2"), url("../fonts/fa-brands-400.woff") format("woff"), url("../fonts/fa-brands-400.ttf") format("truetype"), url("../fonts/fa-brands-400.svg#fontawesome") format("svg");
    }
    .fab {
        font-family: 'Font Awesome 5 Brands';
    }
    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 400;
        src: url("../fonts/fa-regular-400.eot");
        src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");
    }
    .far {
        font-family: 'Font Awesome 5 Free';
        font-weight: 400;
    }
    @font-face {
        font-family: 'Font Awesome 5 Free';
        font-style: normal;
        font-weight: 900;
        src: url("../fonts/fa-solid-900.eot");
        src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");
    }
    .fa,
    .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

  #page-28 #page-wrapper{

      background-position: center top;
      background-color:#7e7e82;
      background-repeat: no-repeat;
  }



  h1{
    font-family: 'Oswald'!important;
  }
  body, h2,h3,h4,h5,h6,a,p,td,li,tr,button{
    font-family: 'Oswald'!important;
  }

  /*
  *
  * CSS-Angaben für die ModehausBox
  * Author: Dennis Falke
  *
  */


  /*
  *
  * Allgemeine Styling-Angaben
  *
  */

  * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
  }

  html {
      width: 100%;
      height: 100%;
  }

  body {
      width: 100%;
      min-height: 100%;
      font-family: 'Oswald';
      font-size: 12pt;
      overflow-y: scroll;
  }


  .border {
      border: 0px solid #000 !important;
  }

  .page {
      width: 100%;
  }

  /*
  *
  * Styling-Angaben: Content/Inhaltsbereich
  *
  */

  .panel-title {
      margin-top: 0;
      margin-bottom: 0;
      font-size: 16px;
      color: #fff;
  }

  .page-wrapper {
      width: 100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .page-wrapper > .container {
      margin: 20px auto;

  }

  .stepElements {
      width:100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements > .stepContainerInner {
      margin: 0 auto;
      width: 100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  }

  .stepElements > .stepContainerInner > .noFlex {
      display: initial !important;
  }

  .stepElements > .stepContainerInner > .stepContent > .demo-wrapper > .row > .col-md-6 {
      /*margin: 10px;*/
  }

  .stepElements > .stepContainerInner > .stepContent > .demo-wrapper > .row > .col-md-6 > div > div {
      padding: 5px;
  }

  .stepElements > .stepContainerInner > .stepContent > .demo-wrapper > .row {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements > .brands > .stepContent > .imageWrapper > .image {
      width: auto;
      height: 160px;
      border-bottom: none;
      background-color: #fff;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements >  .brands > .stepContent > .imageWrapper > .image img {
      width: auto !important;
      margin: calc((100px - 56px)/2) auto;
      max-width: 150px;
  }

  .stepElements > .brands > .stepContent > .imageWrapper > .description {
      display:none;
  }

  .stepElements > .stepContainerInner > .stepTitle {
      margin: 0 auto;
      width: 100%;
      margin-top: 50px;
  }

  .stepElements > .stepContainerInner > .stepTitle:first-child {
      margin-top:0;
  }

  .stepElements .stepContainerInner > .stepTitle > h1, .stepElements .stepContainerInner > .stepTitle > p {
      font-size: 36px;
      text-align: center;
      font-weight: normal;
      /*font-family: "kepler-std", "Times New Roman", serif !important;*/
      font-style: italic;
      margin-bottom: 2vh;
  }
  .subtext {
      font-size: 1.1rem;
  }

  .stepElements .stepContainerInner > .stepTitle > h3,
  .stepElements .stepContainerInner > .stepTitle > p {
      font-size: 20px;
      text-align: center;
      font-weight: normal;
  }

  .stepElements > .stepContainerInner > .stepContent {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      margin: 30px auto 0 auto;
      justify-content: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
  }

  .stepElements > .stepContainerInner .calendarrow {
      width:100%;
      margin-top: 20px !important;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender {
      width:50%;
      float:left;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      padding: 30px;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper {
      margin: 0 auto 0 0;
      display:none;
      width:211px;
      background-color: #fff;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper #wunschtermin {
      text-align: center;
      font-weight: bold;
      padding: 5px;
      border: 1px solid #99aecd;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper .uhrzeit {
      padding:5px;
      border-left: 1px solid #99aecd;
      border-right: 1px solid #99aecd;
      border-bottom: 1px solid #99aecd;
      text-align:center;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper .free {
      background-color:#fff;
      cursor:pointer;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper .selected {
      background-color: #747373;
      color:#fff;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper .blocked {
      /* background-color:#f7938e; */
      background-color:#d9edf7;
      color:#999;
  }

  .stepElements > .stepContainerInner .calendarrow > .zeitcalender > .zeitWrapper .free:hover {
      background-color:#eee;
  }

  /* Styles für den Kalender/Datepicker */
  .stepElements > .stepContainerInner .stylistsCalendarWrapper {
      width:50%;
      float:left;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      padding: 30px;
  }

  .stepElements > .stepContainerInner #stylistsCalendar {
      margin:0 0 0 auto;
  }

  .stepElements > .stepContainerInner > .stretch {
      width: 100%;
  }

  .stepElements > .stepContainerInner > .stretch > #meine-bilder {
      margin: 0 auto;
  }

  .stepElements > .stepContainerInner > .stretch > .demo-wrapper {
      margin: 0 auto;
  }

  .stepElements > .stepContainerInner > .stepContent > .presentDataWrapper {
      margin-top: 50px;
  }

  .stepElements > .stepContainerInner > .stepContent .nameWrapper,
  .stepElements > .stepContainerInner > .stepContent .ageWrapper,
  .stepElements > .stepContainerInner > .stepContent .isPresentWrapper {
      width:100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements > .stepContainerInner > .stepContent .name,
  .stepElements > .stepContainerInner > .stepContent .ageButtons,
  .stepElements > .stepContainerInner > .stepContent .presentButtons {
      padding: 5px 0;
  }

  .stepElements > .stepContainerInner > .stepContent input.normal {
      border: 1px solid #404040;
      background-color: white;
  }

  .stepElements > .stepContainerInner > .stepContent input.active {
      border: 1px solid #404040;
  }

  .stepElements > .stepContainerInner > .stepContent button.normal {
      border: 1px solid #404040;
      background-color: white;
  }

  .stepElements > .stepContainerInner > .stepContent button.normal:hover, .stepElements > .stepContainerInner > .stepContent button.active {
      border: 1px solid #404040;
      background-color: #404040;
      color: #fff;
  }

  .stepElements > .stepContainerInner > .stepContent .nameWrapper > .name {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      width: 66.66%;
      padding: 5px 0px;
  }

  .stepElements > .stepContainerInner > .stepContent > .presentDataWrapper {
      display:none;
  }

  .stepElements > .stepContainerInner > .stepContent .label {
      font-size: 17px;
      width: 33.33%;
      min-width: 270px;
  }

  .stepElements > .stepContainerInner > .stepContent .label > p {
      text-align: left;
      height: 100%;
      line-height: 48px;
  }

  .stepElements > .stepContainerInner > .stepContent .firstName,
  .stepElements > .stepContainerInner > .stepContent .lastName {
      width: 50%;
  }

  .stepElements > .stepContainerInner > .stepContent .firstName {
      padding-right: 5px;
  }

  .stepElements > .stepContainerInner > .stepContent .lastName {
      padding-left: 5px;
  }


  .stepElements > .stepContainerInner > .stepContent .ageButtons,
  .stepElements > .stepContainerInner > .stepContent .presentButtons {
      width: 66.66%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements > .stepContainerInner > .stepContent button {
      padding: 8px 10px;
  }

  .stepElements > .stepContainerInner > .stepContent .ageButtons > button {
      width: 20%;
      min-width: 70px;
      margin-left: 5px;
  }

  .stepElements > .stepContainerInner > .stepContent .presentButtons > button {
      min-width: 50px;
      margin-left: 5px;
  }

  .stepElements > .stepContainerInner > .stepContent .ageButtons > button:first-child,
  .stepElements > .stepContainerInner > .stepContent .presentButtons > button:first-child {
      margin-left: 0px;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper {
      margin: 15px;
      cursor: pointer;
  }

  .stepElements > .stepContainerInner > .stepContent  .imageWrapper > .image {
      position: relative;
      border-top: none;
      border-left: none;
      border-right: none;
  }

  #page-24 #buttonsborder {
      display: none;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .color {
      position: relative;
      border-top: 1px solid #b4b4b4;
      border-left: 1px solid #b4b4b4;
      border-right: 1px solid #b4b4b4;
      border-bottom: 1px solid #b4b4b4;
      width:200px;
      height:200px;
      background-color: #fff;
      border: 1px solid #b4b4b4;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .color > .colorPanel {
      width:50%;
      height:50%;
      float:left;
  }

  .stepElements > .stepContainerInner > .stepContent  .imageWrapper > .image > .hook {
      display: none;
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-image:url('../images/hook.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #747373;
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .image > .cross {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('../images/cross.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #f17850;
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
  }
  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .color > .cross {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('../images/cross.png');
      background-repeat: no-repeat;
      background-position: center center;
      background-color: #f17850;
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
      border-radius: 100%;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .color > .hook {
      display: none;
      position: absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background-image:url('../images/hook.png');
      background-repeat: no-repeat;
      background-position: center center;
      opacity: 0.7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      filter: alpha(opacity=70);
      -moz-opacity: 0.7;
      -khtml-opacity: 0.7;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .image img {
      width: 250px;
      height: auto;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .description {
      border: none;
      background-color: white;
      padding: 10px;
  }

  .stepElements > .stepContainerInner > .stepContent > .imageWrapper > .description > p {
      color: #404040;
      text-align: center;
      font-size: 0.8rem !important;
      margin: 0;
      /*font-family: "kepler-std", "Times New Roman", serif !important;*/
      text-transform: uppercase;
      font-style: italic;
      text-align: center;
  }


  .stepElements > .stepContainerInner > .stepContent > .defaultCursor {
      cursor: initial;
  }

  /*

  .stepElements > .stepContainerInner > .stepContent textarea,
  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent textarea {
      width: 461px;
      height: 120px;
  }

  */

  .stepElements > .overviewWrapper {
      width: 100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  }

  .stepElements > .overviewWrapper > .stepContainerInner {
      width:100%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
  }

  .stepElements > .overviewWrapper > .firstOverviewContainer {
      margin-bottom:40px;
  }

  /*
  .stepElements > .overviewWrapper > .stepContainerInner:nth-child(1) {
      margin-bottom:35px;
  }
  */

  .stepElements > .overviewWrapper > .stepContainerInner > .hasNotice {
      border-bottom: 1px solid #666;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .notice {
      padding: 5px 0;
      font-size: 14px;
      float: left;
      width: 40%;
      word-wrap: break-word;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .elements {
      float: right;
      width: 60%;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .elements > ul {
      list-style: none;
      float: right;
      margin-bottom: 0px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .elements > ul > li {
      padding:5px;
      margin: 5px;
      border: 1px solid #b4b4b4;
      float:right;
      width:210px;
      text-align:center;
      background-color: #fff;
      font-size: 14px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .elements > ul > li.colors {
      height:68px;
      padding:0;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .elements > ul > li.colors > .colorPanel {
      width:25%;
      height:100%;
      float:left;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle {
      width: 100%;
      margin-top: 50px;
      /* float: left; */
      border-bottom: 2px solid #666;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent {
      /* float: left; */
      width: 100%;
      padding: 5px 0;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      background-color: #fff;
      border-bottom: 2px solid #666;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard .picture {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      width: 20%;
      margin: 0 0 0 auto;
      /* position: relative; */
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > div {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      width:60%;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard .picture > .pictureWrapper {
      /* position: absolute; */
      /* border: 1px solid #99aecd; */
      bottom: 0px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent .picture > .pictureWrapper > img {
      max-width: 100%;
      max-height: 188px;
      border: 1px solid #99aecd;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description {
      position: relative;
      width:40%;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description > .descriptionWrapper {
      position: absolute;
      bottom: 0px;
      /*margin-left: 10px;*/
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent > .description > .descriptionWrapper > h2 {
      font-size: 22px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize {
      width:25%;
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize > .boxSizeWrapper {
      margin: 0 0 0 auto;
  }

  /*
  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize > .boxSizeWrapper > .description {
  */

  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard .picture .description,
  .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize .description {
      text-align: center;
      background-color: #fff;
      padding: 5px;
      border:1px solid #99aecd;
      border-top: 0px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > h1,
  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > p {
      text-align:left;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > .title,
  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > .edit {
      float: left;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > .edit {
      width: 20%;
      float: right;
      text-align: right;
      margin-top: 10px;
      cursor: pointer;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepTitle > div > h2 {
      font-size: 22px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent ul li.brands {
      background-color: #fff;
      height:68px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent ul li.brands > img {
      max-width:200px;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent ul li:first-child {
      margin-left: 0;
  }

  .stepElements > .overviewWrapper > .stepContainerInner > .stepContent ul li:last-child {
      margin-right: 0;
  }

  .stepButtons {
      width:100%;
      margin-top: 50px;
      margin-bottom: 50px;
      float:left;
  }

  .stepButtons > div {
      text-align: right;
      float: right;
  }

  .stepButtons > div:first-child {
      text-align: left;
  }


  /* Footer */


  /*
  *
  * Styleangaben zum Bilder-Upload
  *
  */

  #meine-bilder img.img-del-img {
      width: 28px;
      height: 28px;

  }

  span.img-del-button {
      position: absolute;
      right: 0px;
  }

  #meine-bilder img.custom-image {
      max-height: 300px;
      min-height: 300px;
      margin: 10px;
  }


  /*
  *
  * Style-Angaben zur Größentabelle bei Step wearingSize
  *
  */

  .panel-primary {
      border-color: #747373;
  }

  .panel-primary>.panel, .panel-primary>.panel-heading  {
      background-image: none;
  }

  .panel-primary>.panel-heading {
      background-color: #747373;
      border-color: #747373;
      padding: 8px 10px !important;
  }

  .panel-body {
      padding: 20px !important;
      /*overflow:scroll;*/
  }

  .size-table {
      border-collapse: collapse;
  }

  .size-table td {
      padding: 5px;
      border: 1px solid #ccc;
      text-align: center;
  }

  .size-table th {
      font-weight: bold;
      padding: 5px;
      border: 1px solid #ccc;
  }


  /**
  *
  * Style-Angaben für die Terminauswahl auf dem Step Stylisten
  *
  */

  .calendarTyps>div >.description{
      padding: 10px 10px 10px 35px;
      color:#fff;
  }

  .imageTyp{
      display:inline-flex;
      text-align:center;
  }

  #imageChat{
      background-image: url(../images/icon_stylist_chat.png);
  }

  #imageVorOrt{
      background-image: url(../images/icon_stylist_termin.png);
  }
  #imageTelefon{
      background-image: url(../images/icon_stylist_telefon.png);
  }
  #imagekeinTermin{
      background-image: url(../images/cross.png);
  }
  .calendarTypdiv{
      border: 1px solid #b4b4b4;
      background-color: #747373;
      text-align:center;
      color:#fff;
      background-size: 25px 25px;
      background-repeat: no-repeat;
      background-position: 10px center;
      width:192px;
      margin:15px!important;
      display:none;
      cursor:pointer;
  }

  .calendarTyps{
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      margin:0 auto!important;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      justify-content: center;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
  }


  .calendartyp{
      position:relative;
  }

  .calendarTyps > .hook {
      background-image: url(../images/hook.png)!important;
   }

  /*
  *
  * Media-Querys
  *
  */
  @media (min-width: 1720px){
      .container {
          max-width: 1600px;
      }
  }
  @media (max-width:990px) {

      #c15, #c16, #c17{
          margin-bottom: 20px;
      }

      /* Gestaltung des Kopfes - Overview */
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description,
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > div {
          width:100%;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description > .descriptionWrapper {
          position:relative;
          margin-bottom:20px;
          width: 100%;
          text-align: center;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard .picture {
          margin:0 auto;
      }
  }
  #c123 {
      display: none;
  }

  @media (max-width:768px) {
      #page-24 .col-md-4.col-12 {
          margin-top: 5rem !important;
      }
      #c150 .beside .w-75, #c150 .align .w-75 {
          width: 75% !important;
      }
      #c150 .beside .w-25, #c150 .align .w-25 {
          width: 25% !important;
      }
      #page-24 .buttonForward {
          font-size: 1rem;
          padding: 0 !important;
          margin: 0 auto;
          width: 100% !important;
      }
          #page-28 .col-md-4.col-12 {
          margin-top: 5rem !important;
      }
      #c157 .beside .w-75, #c157 .align .w-75 {
          width: 75% !important;
      }
      #c157 .beside .w-25, #c157 .align .w-25 {
          width: 25% !important;
      }
      #page-28 .buttonForward {
          font-size: 1rem;
          padding: 0 !important;
          margin: 0 auto;
          width: 100% !important;
      }
      #page-28 #formStyleCard{

          width:100%;
      }
      #c98 {
          margin: 3rem 0;
      }

      /* Kopfzeile */
      .intext-text {
          display:none;
      }

      /* Meldungsbox, Zusammenfassung */
      #msg-screen {
          width:90%;
          top:3%;
      }

      /* Overview Anpassung an Bild, Größe und persönlichen Daten */
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard {
          flex-wrap:wrap;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .picture,
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description,
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize {
          width:100%;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description,
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize {
          margin: 20px 0 0 0;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .picture > .pictureWrapper,
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description > .descriptionWrapper {
          position: initial;
      }

      /*
      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .description > .descriptionWrapper {
          margin:0;
      }
      */

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > .boxSize > .boxSizeWrapper {
          margin: 0 auto 0 0;
      }

      #c59 .intext-text {
          text-align: center;
      }

      #page-footer #c18 .ce-gallery, #page-footer #c18 p {
          text-align: center;
      }

      .fashion-footer-outer{
          margin-top: 30px;
      }

      .page-wrapper {
          width: 100%;
          display: inherit;
      }

      .stepElements > .stepContainerInner > .stepContent .label {
          min-width: auto;
          white-space: normal;
          font-size: 14px;
          width: 100%;
          overflow: hidden;
      }

      .stepElements > .stepContainerInner > .stepContent .nameWrapper > .name {
          width: 80%;
      }

      .stepElements > .stepContainerInner > .stepContent .label > p {
          line-height: 24px;
      }

      .stepElements > .stepContainerInner > .stepContent .nameWrapper,
      .stepElements > .stepContainerInner > .stepContent .ageWrapper,
      .stepElements > .stepContainerInner > .stepContent .isPresentWrapper {
          flex-wrap: wrap;
      }

      /*
      *
      * Anmerkungsfeld der Modebox
      *
      */

      .stepElements > .stepContainerInner > .stepContent {
          width:100%;
      }

      .stepElements > .stepContainerInner > .stepContent .textAreaWrapper {
          width:100%;
      }

      .stepElements > .stepContainerInner > .stepContent textarea, .stepElements > .overviewWrapper > .stepContainerInner > .stepContent textarea {
          height: 120px;
          width: 100%;
      }

      /*
      *
      * Anpassung der Buttons unterhalb der Schritte/des Bemerkungsfeldes
      *
      */

      .page-wrapper > .container .stepButtons {
          float:none;
          display: flex;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flexbox;
          justify-content: center;
          -webkit-justify-content: center;
          -moz-justify-content: center;
          -ms-justify-content: center;
          flex-flow: row-reverse;
          -webkit-flex-flow: row-reverse;
          -moz-flex-flow: row-reverse;
          -ms-flex-flow: row-reverse;
      }




      /*
      *
      * Anpassungen an Eingabefeldern des Snippets personalData
      *
      */

      .stepElements > .stepContainerInner > .stepContent .nameWrapper > .name {
          width:initial;
      }

      /*
      *
      * Bilder-Upload (Elemente untereinander anordnen)
      *
      */

      .stepElements > .stepContainerInner > .stepContent > .demo-wrapper > .row {
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
      }

      .stepElements > .stepContainerInner > .stepContent > .demo-wrapper > .row > .col-md-6 {
          width:100%;
      }

      /*
      *
      * Stylisten: Terminauswahl
      *
      */

      .calendarrow > #calendar,
      .calendarrow > #zeittermin {
          width:100%;
      }

  }

  @media (max-width:650px) {

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard > div {
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
      }

      .stepElements > .overviewWrapper > .stepContainerInner > .styleCard .picture {
          width:initial;
          margin:10px auto;
      }

  }

  @media (max-width:400px) {

      /*
      *
      * Anpassungen an Eingabefeldern und Buttons beim Snippet
      * personalData
      *
      */

      .stepElements > .stepContainerInner > .stepContent .ageButtons {
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          width:100%;
      }

      .stepElements > .stepContainerInner > .stepContent .ageButtons > button {
          width:100%;
          margin:0;
          margin:5px 0px;
      }

      .stepElements > .stepContainerInner > .stepContent .nameWrapper > .name {
          flex-wrap: wrap;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
      }

      .stepElements > .stepContainerInner > .stepContent .firstName,
      .stepElements > .stepContainerInner > .stepContent .lastName {
          width:100%;
          padding:0;
          margin:5px 0px;
      }

  }


  .panel-heading {
      background-color: #747373;
  }
  .panel.panel-default {
      border: 1px solid #ccc;
      border-radius: 4px;
      height: 100%;
  }

  .jumbotron {
      text-align: center;
      border-bottom: 1px solid #404040;
  }
  @media (min-width: 500px) {
    .container {
        overflow:hidden;
    }
  }


  #page-footer {
      border-top: 2px solid #000;;
      padding: 30px 0px;
      margin-top: 20px;
  }

  .topline {
      background-color: #ac0033!important;
      height: 40px;
      line-height: 40px;
      text-align: center;
  }

  .topline p {
      color: #fff;
      font-size: 17px;
  }

  .jumbotron div.layout-2 {
      padding: 40px;
      text-align: center;
  }

  .jumbotron div.layout-2 p {
      font-size: 17px;
  }

  .jumbotron div.layout-2 img {
      max-height: 100px;
      /*width: inherit;*/
  }

  /*Karakidis*/
  .test123 .image {
      max-width: 200px!important;
  }
  .alles_auf_einem_blick .col-md-6.col-12 {
      padding: 0 30px;
  }
  .row.test123 {
      padding-top: 15px;
  }
  form#formStyleCard {
      display: flex;
      flex-direction: row-reverse;
  }

  figcaption.image-caption.text-center {
      font-size: 85%;
      color: #5e5e5e;
  }
  /*Karakidis Ende*/

  .border__top {
      border-top: 1px solid #000 !important;
  }

  .form-check-input {
      margin-top: 0.5rem;
      margin-left: -2.5rem;
  }
  .form-check-label {
      padding-left: 25px;
  }
  /*Footer*/
  footer {
      color: white;
  }
  footer p {
      color: black;
  }
  #c146 {
      background-color: #404040;
  }
  .footerbar2 {
      background-color: white;
      color: black;
  }
  .footerbar2 a {
      color: black;
  }
  .footerblockhaupt {
      margin: auto;
  }


  /*nogos*/
  .description p {
      font-size: 0.75rem!important;
  }



  /*--------------- Styles 02.11.2021 Timo ---------------*/

  html {
      overflow-x: hidden;
  }

  /* Start Page */
  #c102 {
      font-size: 32px;
      text-align: center;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
  }
  #c101 p {
      font-size: 32px;
      text-align: center;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
      margin-bottom: 5vh;
  }

  #c171 p {
      font-size: 32px;
      text-align: center;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
      margin-bottom: 5vh;
      color:#FFF;
  }

  #c170 a:hover{

      text-decoration:none;
  }



  #c172  h2{
    font-size: 32px;
    text-align: center;
    font-weight: normal;
    font-family: "kepler-std", "Times New Roman", serif !important;
    font-style: italic;
    text-transform: uppercase;
    margin-bottom: 3vh;

  }

  #c150 .header-150.h-0 h2 {
      font-size: 32px;
      text-align: center;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
      text-transform: uppercase;
      margin-bottom: 3vh;
  }
  #c150 .col-md-4.col-12 h2 {
      font-size: 20px;
      font-weight: normal;
      font-family: 'Futura Std' !important;
      margin-bottom: 1vh;
      text-transform: uppercase;
  }
  #c150 {
      margin-bottom: 2vh;
  }
  #c150 .row.beside {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 2rem;
      flex-direction: row-reverse;
  }
  #c150 .row.beside p {
      margin: 0;
  }
  #c150 .row.beside figure {
      margin: 0;
  }

  #c157  h2 {
   font-weight: normal;
   font-size: 20px;
  }

  #c157 .header-150.h-0 h2 {
      font-size: 32px;
      text-align: center;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
      text-transform: uppercase;
      margin-bottom: 3vh;
  }
  #c157 .col-md-6.col-12 h2 {
      font-size: 20px;
      font-weight: normal;
      font-family: 'Futura Std' !important;
      margin-bottom: 1vh;
      text-transform: uppercase;
      color:#FFF;
  }
  #c157 {
      margin-bottom: 2vh;
  }

  #c157 h2 a{
      color:#FFF;
  }

  #c157 .row.beside {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-top: 2rem;
      flex-direction: row-reverse;
  }
  #c157 .row.beside p {
      margin: 0;
  }
  #c157 .row.beside figure {
      margin: 0;
  }

  /* Margin steps content */
  #stepElements {
      margin-top: 2rem;
  }
  .stepButtons {
      width: 100%;
      margin-top: 3rem;
      margin-bottom: 5rem;
      float: left;
  }

  /* Jumbotron */
  #c118 img {
      max-height: 3rem;
      width: auto;
  }
  #c118 {
      padding: 1vh 0;
      text-align: left;
  }
  #c118 figure.image {
      margin: 0 !important;
  }
  #c149 {
      height: 100%;
  }
  #c149 p {
      color: #666666;
      font-size: 1rem;
      margin: 0 !important;
      padding: 3vh 0;
      height: 100%;
      font-weight: normal;
      font-family: "kepler-std", "Times New Roman", serif !important;
      font-style: italic;
  }

  /* Hide present field in first step */
  /* .isPresentWrapper {
      display: none !important;
      visibility: hidden !important;
  } */

  /* Step gender */
  .stepElements > .stepContainerInner > .stepContent > .gender > .image > .hook {
      border: transparent;
      border-radius: 10000px;
  }

  /* Step your size */
  #your_size_select div {
      margin-right: 2vw;
  }

  @media screen and (min-width: 1200px){
      #your_size_select {
          width: 100%;
          height: 100%;
          display: inline-flex;
          margin-top: 2vh;
      }
  }

  /* Step price range */
  .price_range {
      display: flex;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flexbox;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      justify-content: left !important;
      -webkit-justify-content: left !important;
      -moz-justify-content: center;
      -ms-justify-content: center;
  }
  .price_range div {
      margin: 0 2vw;
  }
  .price_range .ui-slider-range
  {
      margin:0;
  }
  .ui-widget-header {
      border: 1px solid #dddddd!important;
      background: #69b63a!important;
      color: #333333!important;
      font-weight: bold!important;
  }
  .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
      border: 1px solid #69b63a!important;
      background: #69b63a!important;
      font-weight: normal!important;
      color: #ffffff!important;
  }

  /* Step mistake */
  .mistake {
      display: block!important;
      display: -webkit-block!important;;
      display: -moz-block!important;;
      display: -ms-block!important;;
      justify-content: left !important;
      -webkit-justify-content: left !important;
      width:100%;
  }
  .mistake div {
      margin-bottom: 2vh !important;
  }

  .mistakes
  {
      width:24%;
      display: inline-block;
      box-sizing: border-box;
  }
  @media only screen and (max-width: 768px){
      .mistakes {
          width: 100%;
          display: inline-block;
          box-sizing: border-box;
      }
  }
  @media only screen and (min-width: 768px) and (max-width: 2000px){
      .mistakes {
          width: 32%;
          display: inline-block;
          box-sizing: border-box;
      }
  }
  .mistake label {
      margin-right: 1vw;
  }

  /* Hide Age Wrapper */
  .hideAgeWrapper {
      display: none !important;
  }

  /* Step occasion */


  /* Step Shoes */
  .stepContainerInner.shoes .description {
      display: none!important;
  }

  /* Step Leisure */
  .leisure .description {
      display: none!important;
  }

  /* Step Business */
  .stepContainerInner.business .description {
      display: none!important;
  }

  /* Footer Grey Section */
  #c146 {
      background-color: #404040;
      padding: 3vh 0;
  }
  #c146 h3 {
      color: #fff;
      font-size: 17px;
      text-transform: uppercase;
      font-weight: 400;
      margin-top: 6px;
  }
  #c146 a {
      color: #fff;
      text-align: center;
      font-size: 17px;
      font-weight: 300;
      line-height: 30px;
      text-align: center;
      font-weight: 400;
  }
  #c146 p {
      color: #fff;
      text-align: center;
      font-size: 17px;
      font-weight: 300;
      line-height: 30px;
      text-align: center;
      font-weight: 400;
  }
  #c148 {
      padding: 1vh 0;
  }
  #c148 > p, #c148 > p > a {
      color: #444444;
      font-size: 14px;
      margin: 0 !important;
  }
  .footer {
      background-color: #404040;
  }

  #kunde_ja .form-check-label {
      margin-left: 0.5vw;
  }
  #kunde_nein .form-check-label {
      margin-left: 0.5vw;
  }
  #kunde_ja .form-check-input {
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
  }
  #kunde_nein .form-check-input {
      margin-left: 0 !important;
      margin-right: 0 !important;
      margin-bottom: 0 !important;
  }
  .form-control:focus {
      color: #495057;
      background-color: #fff;
      border-color: rgb(105 182 58) !important;
      outline: 0;
      box-shadow: 0 0 0 0.1rem rgb(105 182 58) !important;
  }
  .brands-business .description {
      display: none !important;
  }
  .ui-slider-horizontal {
      margin-bottom: 1vh !important;
  }

  /* hide agewrapper */
  .HideAgeWrapper {
      display: none!important;
  }

  /*Karakidis anpassungen */
  .mistake2colum.left {
      width: 30%;
  }

  .mistake2colum.right {
      width: 69%;
  }
  .mistake2colum.left {
      width: 30%;
  }

  .mistake2colum.right {
      width: 69%;
  }

  .fullwidth {
      width: 100%;
      display: flex;
  }
  @media (max-height: 842px){
      footer#page-footer {
         margin-top: 0!important;
     }
     }

  /*Karakidis ende*/


  /*---------------- Process Bar ----------------*/
  .stepProcess {
      position: relative;
      width: 100%;
      display: flex;
  }
  #processLine {
      position: relative;
      width: 90%;
  }
  #processNumber {
      position: relative;
      width: 10%;
  }
  #processNumber span {
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      margin: 0 auto;
      left: 0;
      right: 0;
      text-align: center;
  }

  /* Lines */
  #processLineGrey {
      margin: 0;
      border: none;
      height: 4px;
      background-color: #cacaca;
      width: 100%;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }
  #processLineRed {
      content: '';
      width: calc(100% / 15);
      margin: 0;
      border: none;
      height: 4px;
      background-color: #c29e75;
      position: absolute;
      top: 50%;
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  .imageWrapper {
      -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
  .row.py-5.my-5.fullheight {
      height: 70vh;
  }

  div#tx_cookies {
      z-index: 9999;
      position: sticky;
      bottom: 0;
  }
  div#tx_cookies_inner {
      position: fixed;
      bottom: 0 !important;
      left: 0;
      right: 0;
  }

  /*Neuer Datepicker ANFANG*/
  .datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-top {
      display: none!important;
      visibility: hidden;
  }
  .ui-datepicker {
      padding: 15px;
      box-sizing: border-box;
      background: #efefef;
      box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 35%);
  }
  .ui-datepicker .ui-datepicker-header {
      background: 0 0!important;
      border: none!important;
      padding-bottom: 10px!important;
  }
  .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
      top: 7px!important;
  }
  .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
      margin-top: -5px;
      font-size: 0px;
      width: 0;
      height: 0;
      border: solid;
      border-width: 5px 8px 5px 0;
      border-color: transparent #ff9635 transparent transparent;
  }
  .ui-widget-header .ui-icon {
      background-image: none!important;
  }
  .ui-datepicker .ui-datepicker-next span {
      margin-left: 0;
      top: 50%;
      margin-top: -5px;
      border-width: 5px 0 5px 8px;
      border-color: transparent transparent transparent #ff9635;
  }
  .ui-datepicker .ui-datepicker-title {
      margin: 0 1.3em !important;
  }
  .ui-datepicker .ui-datepicker-title .ui-datepicker-month {
      width: 47%;
      margin-right: 6%;
  }
  .ui-datepicker .ui-datepicker-title select {
      font-size: 1em;
      margin: 1px 0;
      background: #fff url(../images/select-bg.svg) no-repeat 100%;
      background-clip: padding-box;
      border: 1px solid #ccc;
      border-radius: 1px;
      height: 32px;
      line-height: 1.42857143;
      padding: 4px 25px 5px 10px;
      vertical-align: baseline;
      box-sizing: border-box;
      font-family: 'Open Sans Regular';
  }
  .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
      width: 47%;
  }
  .ui-datepicker .ui-datepicker-calendar {
      background: #fff;
      border: #cfcfcf 1px solid;
      border-collapse: collapse;
  }
  .ui-datepicker .ui-datepicker-calendar th {
      background: #efefef;
      border: #cfcfcf 1px solid;
      padding: 4px;
      text-transform: uppercase;
      vertical-align: bottom;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-disabled {
      background: #f9f9f9;
  }
  .ui-datepicker .ui-datepicker-calendar td {
      border: #cfcfcf 1px solid;
      padding: 0!important;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span {
      color: #959595!important;
  }
  .ui-datepicker td span,
  .ui-datepicker td a {
      display: block;
      padding: 4px;
      text-decoration: none;
      color: #000;
      border: 0!important;
  }
  .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today {
      background: #f3d7d2!important;
  }
  .ui-datepicker .ui-datepicker-calendar td .ui-state-highlight {
      background: #f9eae7;
  }
  .ui-state-default, .ui-widget-content .ui-state-default {
      background: 0 0;
      color: #000;
  }
  .johanns-calendar .ui-datepicker td span,
  .ui-datepicker td a {
      text-align: center;
  }
  .ui-widget.ui-widget-content {
      border-radius: 0px!important;
  }
  .ui-datepicker {
      padding: 15px;
      border: #fff 4px solid!important;
  }
  .ui-state-hover,
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover {
      border: 0!important;
      background: 0!important;
  }
  .datepicker.datepicker-dropdown.dropdown-menu {
      position: relative;
      top: 5000px;
      visibility: hidden;
      display: none;
      color: transparent!important;
  }
  .datepicker.datepicker-dropdown.dropdown-menu td {
     color: transparent!important;
  }
  /*Neuer Datepicker ENDE*/

  #c200 p.text-center, #c201 p.text-center {
      color: #FFF;
  }
  /*Trustedshops Badge START*/
  div#tx_cookies {
      z-index: 2147483648;
  }
  div[id^="trustbadge-container-"] {
      z-index: 2147483646!important;
  }
  /*Kaeuferschutz text weg*/
  @media (min-width: 649px){
      #page-25 div[id^="trustbadge-container-"] > div > div > div > p {
          display: none!important;
      }
      #page-25 div[id^="minimized-trustbadge-"] {
          width: 60px !important;
      }
  }
  /*Trustedshops Badge ENDE*/

  label[for="sale_box"] {
      /*margin-left: 10px!important;*/
      position: relative;
  }
  label[for="sale_box"] span:after {
      content: "\f05a";
      font-family: FontAwesome;
      display: inline-block;
  }
  input#sale_box[type="checkbox"] + label:before {
      content: '\f0c8';
      font-family: 'Font Awesome 5 Free';
      display: inline-block;
      position: absolute;
      right: 0em;
      top: 0em;
      width: 0.8em;
      text-align: left;
      font-size: 1.2em;
      line-height: 1em;
      font-weight: 100;
      left: -1.2em;
      color: #707070;
  }
  input#sale_box {
      display: none;
  }
  input#sale_box[type="checkbox"]:checked + label:before {
      font-weight: 1000;
  }
  @media (min-width: 1200px) {
      div#sale_box_tooltip {
          width: 21em;
      }
  }
  .form-check-label {
    font-family: 'Open Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.footer h3 {
    font-size: 15px;
}
.footer > .container ul {
    display: block!important;
}
.footer > .container ul li {
    float: none;
    font-size: 12px;
    font-family: 'Open Sans Regular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding: 0;
}