.entry-content.kundewerden {
  min-height: 100em;
}
.kstnprfr.bg {
  position: relative;
  width:100%;
  height: 70vh;
  max-width: 1320px;
  border-radius: 0rem;
  overflow: visible;
  margin: auto;
  margin-top: 5vh;
  padding-top: 7vh;
}
.kstnprfr.bg .video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0rem;
  overflow: hidden;
}
.kstnprfr.bg video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%) scale(1.0);
  z-index: 0;
  object-fit: cover;
/*
  transition: filter 0.5s ease,
              opacity 0.5s ease,
              transform 3.0s ease;
*/
}
#kstnprfr-bg.blur video {
  opacity: .9;
  filter: blur(5px);
  transform: translate(-50%, -50%) scale(1.1);
}
.kstnprfr.bg h1 {
  position: relative;
  z-index: 1;
  color: white;
  font-size: 2.2em;
  text-align: center;
  line-height: .8em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.kstnprfr.info {
  position: relative;
  width: 100%;
  padding: 2em;
  text-align: center;
  font-size: 1.2em;
}
.kstnprfr.info h2 {
  color: #550228;
  font-size: 1.75rem;
  font-weight: 500;
  margin-bottom: 1em;
  line-height: 1em;
  margin-top: 10vw;
}
.kstnprfr.info ul {
  display: flex;
  justify-content: center;
}
.kstnprfr.info ul li {
  padding-left: 3em;
  padding-right: 1em;
}
.kstnprfr.info ul li::before {
  left: -1em;
  top: -1.5em;
  width: 4em;
  height: 4em;
}

div#testone {
  padding-bottom: 3em;
}

#kostenpruefer {
  position: relative;
  left: 50%;
  z-index: 10;
  width: 85%;
  max-width: 1100px;
  transform: translate(-50%,20%);
  transition: left 1.5s ease,
              width 1.0s ease,
              max-width 1.0s ease,
              opacity 1.5s ease,
              transform 1.5s ease,
              margin-bottom 1.5s ease, 
              box-shadow 1.5s ease;
  opacity: 0.3;
  border-radius: 2rem;
  background-color: #f4f4f4bb;
  padding: 1.5rem;
  margin-bottom: 20%;
  cursor: pointer;
  color: #141414;
}
#kostenpruefer.aktiv {
  left: 50%;
  opacity: 1;
  transform: translate(-50%, -55vh);
  margin-bottom: -25vh;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  cursor: auto;
}
#kostenpruefer.response-added {
  width: 70%;
  max-width: 1000px;
  min-width: 800px;
}

#kostenpruefer.needsinput
 .arrow.ffw {
   cursor: not-allowed !important;
   opacity: 0.25;
   cursor: not-allowed;
   filter: grayscale(100%);
   transition: all 0.3s ease;
}
#kostenpruefer.needsinput.hoverffw
 .input-wrapper.required.unselected {
  color: #ff0000 !important;
  background-color: #ff00000f;
}


#kostenpruefer.address-copied
 .objectaddress {
  display: none;
}

#kostenpruefer
 > #testone
  > #title {
     text-align: center;
     margin-bottom: 1em;
     font-size: 1.5em;
     font-weight: bold;
     line-height: 1em;
}

div#kostenpruefer
 > div#testone
  > div.flex
   > div {
     width: 25%;
     min-width: unset !important;
     padding-right: 10px;
     color: #000000;
     font-size: 0.8em;
}
div#kostenpruefer
 > div#testone
  > div.flex
   > div:last-of-type {
    padding-right: 0;
}

#kostenpruefer
 .css-3iigni-container
  .css-1svdeii-control {
    border: none !important;
    border-radius: 4rem;
    background-color: #fff !important;
}
.dropdown
.css-hlgwow {
  padding-top: 5px !important;
}


#kostenpruefer
 > #testone 
  .dropdown 
   .control {
     border: none !important;
     height: 3em;
     border-radius: 5rem !important;
     line-height: 1.2em;
     padding-left: .5em;
}
#kostenpruefer
 > #testone
    .dropdown
     .control
      * {
     /*color: #ff0000;*/
}
#kostenpruefer
 > #testone .dropdown
  .css-16xfy0z-control {
    background-color: #ffffff3d;
}
#kostenpruefer
 > #testone .dropdown
  .css-16xfy0z-control * {
    color: #3a3a3a;
}
#kostenpruefer
 > #testone .dropdown
  .css-16xfy0z-control
   .css-1wy0on6 {
     opacity: 0;
}
#kostenpruefer
 .css-1jqq78o-placeholder {
  color: hsl(0, 0%, 0%)
}

#kostenpruefer.response-added
 > #testone p.reset {
    text-align: center;
    margin-top: 5em;
    margin-bottom: -1em;
}

#kostenpruefer > #testone * {
  text-align: left;
}
#kostenpruefer > #testone
 .dropdown > * {
   font-size: 1.2em;
   font-weight: normal;
}
#kostenpruefer > #testone p {
  color: #550228;
}
#kostenpruefer > #testone h2 {
  margin: 0;
  padding: 0;

  margin-top: 1em;
  color: #550228;
  font-size: 1.3em;
  font-weight: bold;
}
#kostenpruefer > #testone em {
  color: #550228;
  font-style: normal;
  font-weight: bold;
}
#kostenpruefer > #testone a {
  color: #550228;
  padding: 0;
  white-space: nowrap;
  text-decoration: underline;
}
#kostenpruefer > #testone a:hover {
  text-decoration: none;
}
#kostenpruefer > #testone button {
  position: absolute;
  width: 25%;
  min-width: 200px;
  height: 3em;
  border: none !important;
  background-color: #550228 !important;
  border-radius: 5rem;
  text-align: center;
  font-weight: normal;
}
button.ffw,
button.rew,
button.arrow {
  bottom: 1em;
  font-size: 18px;
  cursor: pointer;
}
button.ffw {
  right: 1em;
}
button.rew {
  left: 1em;
}
#kostenpruefer > #testone
 .status.available
  button.ffw.result {
    width: 50%;
}
#kostenpruefer > #testone
 .status.notavailable
  button.ffw.result {
    display: none;
}
#kostenpruefer > #testone
 .status.available
  button.rew.result {
   width: 10%;
   background-color: transparent !important;
}
button.arrow::after {
  content: '';
  position: absolute;

  top: 50%;
  transform: translateY(-50%);
  width: 2em;
  height: 2em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
button.ffw::after {
  right: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23CAC9C7'/%3E%3Cpath d='M10 6l6 6-6 6' stroke='%23ffffff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
button.rew::after {
  left: 0.5em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='rotate(180 12 12)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23CAC9C7'/%3E%3Cpath d='M10 6l6 6-6 6' stroke='%23ffffff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
}

.tooltip-button {
  position: relative;
  display: inline-block;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #eeeeee;
  color: #550228;
  font-weight: bold;
  text-align: center !important;
  line-height: 18px;
  font-size: 14px;
  cursor: pointer;
  user-select: none;
  z-index: 0 !important;
}
.tooltip-portal {
  position: absolute;
  color: #550228;
  background-color: #fff;
  padding: 0.75rem;
  border-radius: 8px;
  z-index: 1000;
  width: 60%;
  max-width: 300px;
  font-size: 0.85rem;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  margin-top: 0; /* remove */
}

/* Triangle — now larger and visually connected */
.tooltip-portal::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%) scaleX(0.7);
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 22px solid #fff; /* match background */
}
.tooltip-portal.visible {
  opacity: 1;
}

#kostenpruefer 
 > #testone .status a button {
  cursor: pointer;
  display: block;
  margin: auto;
}

#kostenpruefer > #testone .status {
  margin-top: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  font-size: 1.2em;
  padding-bottom: 3em !important;
}

#kostenpruefer
 > #testone 
  .status h2.result {
    text-align: center;
    font-size: 1.2em;
    margin-top: 2em;
    margin-bottom: 2em;
}
ul.checkcheck,
#kostenpruefer > #testone .status ul {
  margin-bottom: 0;
  text-align: left;
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.checkcheck li,
#kostenpruefer > #testone .status li {
  position: relative;
  padding-left: 4em;
  padding-right: 3em;
  margin-top: 2em;
  margin-bottom: 2em;
}
ul.checkcheck li::before,
#kostenpruefer > #testone .status li::before {
  content: '';
  position: absolute;
  left: 0em;
  top: -1.2em;
  width: 4em;
  height: 4em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 12l4 4 8-8' stroke='%23f49903' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
#kostenpruefer > #testone .status ul.sorry li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cline x1='6' y1='6' x2='18' y2='18' stroke='%23550228' stroke-width='3' stroke-linecap='round'/%3E%3Cline x1='6' y1='18' x2='18' y2='6' stroke='%23550228' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 80%;
  background-position-x: 50%;
  background-position-y: 50%;
}
#kostenpruefer > #testone .status ul.sorry li.yes::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 12l4 4 8-8' stroke='%23f49903' stroke-width='2.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 100%;
}

.journey-wrapper {
}
.journey-content {
}
.journey-content
 .html-insert {
  font-size: 1.2em;
}


#kostenpruefer > #testone 
 .journey-wrapper p {
  color: #141414;
}

/*
#kostenpruefer > #testone
 .journey-navigation button:not(.last-step) {
  width: 2.5em;
  min-width: 0;
  height: 2.5em;
  background-color: transparent !important;
  border-radius: 50%;
  box-shadow: 2px 2px 3px #00000029;
}
.journey-navigation button::after {
  width: 2.5em;
  height: 2.5em;
}
.journey-navigation button.rew::after {
  left: 0;
}
.journey-navigation button.ffw:not(.last-step)::after {
  right: 0;
}
*/

.journey-navigation
 .step-indicator {
   position: absolute;
   bottom: 0;
   text-align: center !important;
   width: 100%;
   left: 0;
   height: 3em;
   font-size: 1.2em;
   z-index: -10;
   color: #550228;
   letter-spacing: 0.05em;
}

.journey-content {
  position: relative;
  overflow: hidden;
  margin-left: 2em;
  margin-right: 2em;
  padding-left: 1em;
  padding-right: 1em;
  min-height: 30em;
}
.journey-wrapper .status p {
  margin-left: 2.7em;
  margin-right: 2.7em;
}
#kostenpruefer > #testone
 .journey-content h2 {
   font-size: 1.4rem;
   margin-top: 1.5em;
   margin-bottom: 2.0em;
   font-weight: bold;
}

.journey-content .input-wrapper {
  position: relative;
  display: inline-flex;
  vertical-align: top;
  margin-bottom: .5rem;
  width: 49%;
  height: 2.0em;
  margin-right: 1%;
  font-size: 1.2em;
/*background-color: #ff0000;*/
  border-radius: .6em; /* only visible for errors */
}
.journey-content.clicked
 .input-wrapper.unselected {
   opacity: 0.5;
} 
.journey-content.step-11
 .input-wrapper.unselected
  .dropdown .control * {
    color: #cccccc !important;
}
.journey-content.step-11
 .input-wrapper.unselected,
.journey-content.step-12
 .input-wrapper.unselected {
   opacity: 1.0;
} 


.journey-content
 .input-wrapper > * {
   display: flex;
   align-items: center;
   line-height: 1.2em;
}
.journey-content .input-description {
  line-height: 1.2em;
}
.journey-content .step-description {
  margin-top: 2em;
  margin-bottom: 4em;
  font-size: 1em;
}

 .step-2 .input-wrapper:nth-of-type(2),
 .step-6 .input-wrapper:nth-of-type(2),
 .step-7 .input-wrapper:nth-of-type(2),
 .step-8 .input-wrapper:nth-of-type(2),
.step-9 .input-wrapper:nth-of-type(2) {
    width: 62%;
}
 .step-2 .input-wrapper:nth-of-type(3),
 .step-6 .input-wrapper:nth-of-type(3),
 .step-7 .input-wrapper:nth-of-type(3),
 .step-8 .input-wrapper:nth-of-type(3),
.step-9 .input-wrapper:nth-of-type(3) {
    width: 30%;
}

.journey-content.step-1 {
  padding-bottom: 4em;
  min-height: 0;
}
#kostenpruefer > #testone 
 .step-8 .dropdown .control {
   width: 8em !important;
}

.step-11 .unselected input {
  color: #cccccc;
}
.step-11 .css-b62m3t-container {
  position: absolute;
  width: 60%;
  right: 0;
}
#kostenpruefer > #testone
 .step-11.journey-content
  .dropdown .control {
    height: .4em;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
}
.step-11 .objektdateninfo {
  margin-top: 2em;
  margin-bottom: .5em;
}
.address-copied .objektdateninfo {
  display: none;
}
.step-11 .input-wrapper,
.step-12 .input-wrapper {
  width: 99%;
}
.step-11 .input-wrapper > input[type=text],
.step-12 .input-wrapper > input[type=text] {
  position: absolute;
  right: 0;
  width: 60%;
  height: 2em;
}
.step-12 .input-wrapper > input[type=text] {
  height: auto;
}
.step-12 #progressbar,
.step-12 .step-indicator {
  display: none;  
}
.step-12 .input-description {
  margin-top: .1em;
}
.step-12 .input-wrapper > * {
  align-items: normal;
}
.step-11 .copyobjectaddress > *,
.step-12 .copyobjectaddress > *,
.step-12 .iamok > *,
.step-12 .keintermin > *,
.step-12 .timeslots > * {
  align-items: center;
}

.copyobjectaddress {
  margin-top: 1.5em;
  margin-bottom: .5em !important;
}
.step-12 .copyobjectaddress {
  position: relative;
  color: transparent !important; /* Hide the original content */
}
.step-12 .copyobjectaddress::before {
  content: "Die Objektadresse und Kontaktadresse ist verschieden.";
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
}
.address-copied .step-12 .copyobjectaddress {
  color: inherit !important; /* Show the original content again */
}
.address-copied .step-12 .copyobjectaddress::before {
  content: none; /* Hide the ::before message */
}
.address-copied 
 .step-12
  .copyobjectaddress 
   .custom-radio-label {
     padding-left: 0;
}
.step-12
 .copyobjectaddress 
  .radio-circle {
    display: none;
}

.step-12 .separator hr {
  border-top: 4px #fff dashed;
  height: 1em;
}
.step-12
 .html-insert.disclaimerinfo {
   color: #550029;
   margin-bottom: 2em;
}
.step-12
 .html-insert.terminwunschinfo {
   margin-top: 3em;
   margin-bottom: 1em;
}
.step-12 .disclaimerinfo {
  margin-top: 2em;
  margin-bottom: 1em !important;
}
.step-12 .iamok {
  font-size: 1.2em;
  height: auto;
}
.step-12 h2 {
  color: #F49903 !important;
}
.step-12 .input-wrapper {
  color: #3b3b3b;
}
.step-12 .input-wrapper input[type=text] {
  color: #000000;
  background: transparent;
  pointer-events: none;
}

#progressbar {
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 1em;
  margin-bottom: 3em;
  padding: 0;
}
.progress-dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
}
.progress-dot.active {
  background-color: #550228;
}

.journey-wrapper {
  transition: padding-bottom 0.5s ease;
}

.journey-content label { margin: 0; }
.journey-content select,
.journey-content input[type=number],
.journey-content input[type=text] {
  border: none !important;
  min-width: 8em;
  font-size: 1.0em;
  border-radius: .6em;
  padding-left: .5em;
  margin: auto;
  margin-left: 1em;
}
.journey-content input:focus {
  color: #141414 !important;
}
.journey-content
 .input-wrapper.error * {
  color: #ff0000;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield; /* Firefox */
  min-width: 0;
  width: 5em;
  height: 2em;
  padding-left: 0 !important;
  text-align: center !important;
}
#kostenpruefer > #testone
.journey-content
  .dropdown 
   .control {
     border: none !important;
     height: .8em;
     width: 8em;
     border-radius: 0.75em !important;
     line-height: 1.2em;
     padding-left: .5em;
     font-size: 1.0em;
     font-weight: normal;
     margin-left: 1em;
}
#kostenpruefer > #testone
.journey-content
  .dropdown 
   .css-19bb58m {
    margin: 0;
    padding: 0;
}
.dropdown__menu-portal {
  z-index: 1000 !important;
}
.dropdown__menu {
  border-radius: .5em !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  background-color: white;
  overflow: hidden;
  font-weight: normal !important;
  font-size: 1em !important;
  margin: 0 !important;
}
.dropdown__option {
/*text-align: center !important;*/
  padding-left: 1.2em !important;
}
.dropdown__option--is-focused {
  background-color: #FFEAC8 !important;
  color: #000000 !important;
}
.dropdown__option--is-selected {
  background-color: #F49903 !important;
  color: #000000 !important;
}


/* Hide native radio button */
.custom-radio {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
/* Style the label to position the custom circle */
.custom-radio-label {
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 2em;
  user-select: none;
}
/* Outer circle */
.radio-circle {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1.1em;
  width: 1.1em;
  border-radius: 50%;
  background-color: #fff;
  box-sizing: border-box;
  box-shadow: 2px 2px 3px #00000029;
}
/* Filled dot when selected */
.custom-radio:checked + .custom-radio-label .radio-circle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 1.5em;
  width: 1.5em;
  border-radius: 50%;
  background: #F49903;
  border: .2em solid #FFFFFF;
  box-shadow: 2px 2px 3px #00000029;
}

.dropzone {
  font-size: 1.2em;
  color: #55002A;
  line-height: 4em;
}
.dragdrop,
.filepicker {
  font-size: 1.0em;
  font-weight: bold;
  color: #000000;
  background-color: #ffffff;
  border-radius: 1em;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 8em;
  padding-right: 8em;
  cursor: grab;
  white-space: nowrap;
}
.filepicker {
  padding-left: 2em;
  padding-right: 2em;
  margin-right: 1em;
  cursor: default;
}
.oder {
  padding-left: 1em;
  padding-right: 1em;
}
.step-10 .step-description {
  margin-top: 3em;
  font-size: 1.2em;
}
.step-10 .file-list {
  margin-top: 4em;
  padding-bottom: 5em;
}
.step-10 .file-list ul {
  margin-left: -1.5em;
}
.step-10 .file-list li {
  position: relative;
  height: 3em;
  width: 80%
}
#kostenpruefer > #testone
 .step-10 .file-list button {
   position: absolute;
   right: 0;
   padding: .5em;
   width: 8em;
   height: 2.5em;
   min-width: 0;
   border-radius: .5rem;
   background-color: #000 !important;
   margin-top: -.7em;
   cursor: pointer;
}

.step-12 .timeslots {
  margin-left: 25%;
  height: 1em;
  width: 50%;
}
.datetime-picker-wrapper
.rdtPicker {
   padding: 0;
   overflow: hidden;
   border-radius: .6em;
}
.datetime-picker-wrapper
 .rdt {
   width: 50%;
   margin: auto;
   margin-top: -1em;
   margin-bottom: 1em;
   color: #555;
}
.datetime-picker-wrapper
 .rdt thead {
   background-color: #F49903;
   color: #ffffff;
}
.datetime-picker-wrapper
 .rdt thead tr {
   height: 3em;
}
.rdtPicker th {
  border-bottom: none;
}
.rdtPicker th.rdtNext,
.rdtPicker th.rdtPrev {
  font-size: 2em;
  padding-top: 0;
}
.datetime-picker-wrapper
 .rdtPicker * {
   text-align: center !important;
}
.datetime-picker-wrapper
 .rdtDay {
   border: 1px solid #ffffff;
   background-color: #ffd693 !important;
   color: #585858 !important;
}
.datetime-picker-wrapper .rdtPicker .dow {
   color: #ffffff !important;
}
.datetime-picker-wrapper .rdtDay,
.datetime-picker-wrapper .rdtPicker .dow {
   height: 3em;
}
.datetime-picker-wrapper .rdtDisabled {
  opacity: 0.2;
  background-color: #848484 !important;
}
.datetime-picker-wrapper .rdtNew {
  opacity: 0.2;
}
.datetime-picker-wrapper .rdtOld {
  opacity: 0.2;
}
.datetime-picker-wrapper .rdtToday {
  opacity: 1;
}
.datetime-picker-wrapper .rdtActive {
  background-color: #F49903!important;
  color: #555555 !important;
}
.rdtPicker td.rdtToday::before {
  border-bottom: 7px solid #F49903;;
}
.datetimepick.disabled {
  opacity: 0.4 !important;
  pointer-events:none;
}

.step-12 .keintermin {
  margin-bottom: 3em;
}

.spinner {
  border: 4px solid #eee;
  border-top: 4px solid #F49903;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 0.8s linear infinite;
  margin: 20px auto;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.byebye * ,
.sendling * {
  text-align: center !important;
}
.byebye h2,
.sendling h2 {
  margin-bottom: 1.5em !important;
}
.byebye p,
.sendling p {
  margin: auto !important;
  max-width: 800px !important;
}

/* RESPONSIVE ROUND 1
   -------------------------------------------- */
@media (max-width: 1200px) {
  #kostenpruefer {
    width: 90% !important;
    min-width: 0 !important;
    left: 50%;
  }
  #kostenpruefer.aktiv {
    transform: translate(-50%, -55vh);
    margin-bottom: -20vh;
  }
  #kostenpruefer > #testone .status h2.result {
    font-size: 1.5em;
  }
  div#kostenpruefer
   > div#testone
    > div.flex
     > div {
      width: 100%;
      padding-right: 0;
      margin-bottom: 1em;
  }
  .kstnprfr.bg {
    height: 70vh;
  }
  .kstnprfr.bg h1 {
    font-size: 2em;
  }
  .kstnprfr.bg .info ul {
    display: inline-block;
    margin: auto;
  }
}
@media (max-aspect-ratio: 1/2) {
  .kstnprfr.bg video {
    left: 0;
  }
}
@media (max-aspect-ratio: 2/3) {
  #kostenpruefer.aktiv {
    transform: translate(-50%, -60vh);
    margin-bottom: -30vh;
  }
  .kstnprfr.bg {
    height: 80vh;
    margin-top: 4vh;
    padding-top: 3vh;
  }
}
@media (max-width: 400px) {
  .kstnprfr.bg {
    margin-top: 3vh;
  }
  .kstnprfr.bg h1 {
    font-size: 1.5em;
  }
  #kostenpruefer
   > #testone
    > #title {
       font-size: 1.5em;
  }
}
@media (max-width: 600px) {
  .entry-content.response-added div.info h2 {
    margin-top: 14em;
  }
  .entry-content.kundewerden.response-added {
    min-height: 120em;
  }
  .kstnprfr.bg .info,
  #kostenpruefer > #testone .status {
    font-size: 1.0em;
  }
  #kostenpruefer > #testone button {
    min-width: 130px;
    padding-inline: .8rem !important;
  }
}
@media (max-height: 800px) and (max-width: 1200px) {
  .kstnprfr.bg {
      min-height: 700px;
  }
  #kostenpruefer.aktiv {
    transform: translate(-50%, -600px);
    margin-bottom: -600px;
  }
}

/* RESPONSIVE ROUND 2
   -------------------------------------------- */
@media (max-width: 1400px) {
  .step-10 .dragdrop,
  .step-10 .filepicker {
    padding: 0;
    padding-left: 3em;
    padding-right: 3em;
    width: 100%;
    display: inline-block;
    margin: auto;
  }
}
@media (max-width: 800px) {

  #kostenpruefer > #testone .status.available button.ffw.result {
    width: 75%;
    padding-right: 3em !important;
    line-height: 1;
  }
  button.arrow {
    font-size: 16px;
  }
  #kostenpruefer > #testone
   button.preisberechnen {
     width: 75%;
  }
  #kostenpruefer > #testone
   button.result {
     text-align: center !important;
  }
  #kostenpruefer > #testone
   button.arrow.ffw {
     text-align: left;
     padding-inline: 1.5rem !important;
  }
  #kostenpruefer > #testone
   button.arrow.rew {
     text-align: right;
     padding-inline: 1.5rem !important;
  }
  .response.added button.arrow::after {
    width: 3em;
    height: 3em;
  }

  #progressbar {
    margin-bottom: 2em;
  }
  .progress-dot {
    width: 15px;
    height: 15px;
  }

  .journey-content {
    margin-left: 0;
    margin-right: 0;
    padding-left: .5em;
    padding-right: .5em;
  }

  .journey-navigation .step-indicator {
    bottom: 1.2em;
    font-size: .8em;
  }

  .journey-content .input-wrapper {
    width: 100% !important;
  }
  .step-12 .input-wrapper.iamok {
    height: auto !important;
  }
  .journey-content select,
  .journey-content input[type="number"],
  .journey-content input[type="text"] {
    min-width: 5em;
  }

  .step-2 .radio-circle {
    left: inherit;
    right: 0;
  }
  .step-2 .custom-radio-label {
    padding-left: 0;
    padding-right: 2em;
  }
  .step-11 .input-wrapper,
  .step-12 .input-wrapper {
    height: 3em !important;
    margin-bottom: .8em;
  }
  .step-11 .input-description,
  .step-12 .input-description {
    width: 100%;
    margin-left: .5em;
    font-size: .8em;
  }
  .step-11 input,
  .step-12 input,
  .step-11 .css-b62m3t-container {
    width: 100% !important;
    margin-top: 1.2em !important;
  }
  .step-11 .css-b62m3t-container input {
    margin-top: 0 !important;
  }
  .step-12 .datetime-picker-wrapper .rdt {
    width: 100%;
  }
  .step-11 .input-wrapper > input[type=text] {
    margin-top: 2.1em !important;
  }
 .step-11.journey-content .dropdown .control {
    margin-top: 1.1em !important;
  }
  .step-12.journey-content .timeslots {
    margin-left: 0;
    height: 1em !important;
  }
  .step-12.journey-content .arrow.rew {
    width: 20%;
    min-width: 150px;
  }
  #kostenpruefer > #testone
   .step-12 button.rew {
     width: 20%;
     background-color: transparent !important;
     min-width: 0;
     color: transparent !important;
  }
  #kostenpruefer > #testone
   .step-12 button.ffw {
     width: 60%;
  }
}