/* ------------------------------ */
/* ------------ Form ------------ */
/* ------------------------------ */

.section__row .section__form {
    margin-top: var(--spacing-2);
}

.section#beratung .section__text + .section__form {
    padding-top: 0;
}

.section__text + .section__form {
    padding-top: var(--spacing-6);
}

.section#beratung .section__text h3:last-child {
    margin-bottom: var(--spacing-2);
}

.quform {
    max-width: var(--width-text);
}

.quform-element-tree, .quform-form > .quform-default-submit, .quform-field-select-enhanced, .select2-search--hide {
    display: none !important;
}

.quform-element-group > .quform-spacer > .quform-child-elements {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.quform-element-group:not(.quform-element-group-cta) > .quform-spacer > .quform-child-elements > div.quform-element-full, .quform-element-group:not(.quform-element-group--half) > .quform-spacer > .quform-child-elements > div, .quform-element-group--half > .quform-spacer > .quform-child-elements > div.quform-element-checkbox,
.quform-element-group--half > .quform-spacer > .quform-child-elements > div.quform-element--full {
    width: 100%;
}

.quform-element, .quform-input {
    position: relative;
}

input[type="text"], input[type="number"], input[type="email"], textarea, select, .quform-input > .quform-label label, .select2-selection__rendered, input[type="search"], input[type="password"] {
    width: 100%;
    font-size: var(--font-size-standard);
    line-height: var(--line-height-1);
    color: var(--brand-brown);
    border: 0;
    border-radius: 15px;
}

input::-ms-reveal, input::-ms-clear {
    display: none;
}

.section--white input[type="text"], .section--white input[type="number"], .section--white input[type="email"], .section--white textarea, .section--white select, .section--white .select2-selection__rendered,
.popup input[type="text"], .popup input[type="email"], .popup textarea, .popup select, .popup .select2-selection__rendered, .section--white input[type="search"], .section--white input[type="password"] {
    background-color: var(--brand-beige);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.quform-form {
    max-width: var(--width-text);
}

::placeholder, .quform-element-select .select2-selection__rendered[title="-- Auswählen --"], .quform-element-select .select2-selection__rendered[title="Kanton auswählen"],
.quform-element-select .select2-selection__rendered[title="Anzahl Tiere auswählen"], .quform-element-select .select2-selection__rendered[title="Tierart auswählen"], 
.quform-element-select .select2-selection__rendered[title="Geschlecht auswählen"], .quform-element-select .select2-selection__rendered[title="Art auswählen"],
.quform-element-select .select2-selection__rendered[title="Kontakt auswählen"], .quform-element-select .select2-selection__rendered[title="Lebenshof auswählen"],
.quform-element-select .select2-selection__rendered[title="Anliegen auswählen"] {
    color: rgba(71, 56, 22, .55);
}

.quform h4, .quform h2 {
    margin-bottom: 10px;
}

.quform h2 {
    margin-top: var(--spacing-7);
}

.quform h3, .quform h4 {
    margin-top: var(--spacing-5);
}

.quform-child-elements > .quform-element-text--more-info:not(.quform-element-text--full) {
    max-width: 33.33%;
}

.quform-label {
    font-weight: bold;
    text-align: left;
}

.quform-sub-label-below {
    display: block;
    margin-top: 8px;
    font-size: 16px;
    font-weight: normal;
}

.quform-label-inside, .quform-element--hide-label .quform-label label {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    overflow: hidden;
}

input.select2-search__field[type="search"] {
    min-width: 100% !important;
}

.quform-element--location {
    cursor: no-drop;
}

.quform-element--location input {
    pointer-events: none;
    opacity: var(--opacity-1);
}

.quform-child-elements > .quform-element-text--more-info, .quform-child-elements > .quform-element-html--with-text + .quform-element-text, .quform-child-elements > .quform-element-html--with-text + .quform-element-checkbox {
    margin-top: var(--spacing-0) !important;
}

.quform-child-elements > .quform-element-html--h4 + .quform-element:not(.quform-element-radio--rehomed), .quform-group-title-description + .quform-child-elements > .quform-element,
.quform-element-group--animal .quform-child-elements > .quform-element-html--h4, .quform-element-group--animal .quform-child-elements > .quform-element-group--top-0,
.quform-element-group--title, .quform-element-group + .quform-element-group--animal-group, .quform-element-page .quform-child-elements > .quform-element-group--top-0,
.quform-element-group--top-0 + .quform-element-group--half, .quform-elements-3 .quform-element-page > .quform-child-elements > .quform-element-html:not(.quform-element-html--top-6), 
.quform-child-elements > .quform-element--top-0, .quform-element-group--animal .quform-child-elements > .quform-element-html.quform-element-html--title, 
.quform-element-group--animal .quform-element-radio--rehomed:not([style="display: none;"]), .quform-element-title + .quform-element--checkbox-third {
    margin-top: 0 !important;
}

.quform-element-html--preview + .quform-element-submit, .form_preview > div + div, .form_preview__animals > div + div,
.quform-element-page > .quform-child-elements > .quform-element-group--animals > .quform-spacer > .quform-child-elements > .quform-element-group.quform-element-group--title ~ .quform-element-group--animal-group[style="display: none;"] + .quform-element-group--animal-group:not([style="display: none;"]) ~ .quform-element-group--animal-group[style="display: none;"] + .quform-element-group--animal-group:not([style="display: none;"]) .quform-element-html--title {
    margin-top: var(--spacing-7-5) !important;
}

.quform-child-elements > .quform-element:not(.quform-element-group) + .quform-element-html {
    margin-top: var(--spacing-7);
}

.quform-child-elements > .quform-element-group + .quform-element-html {
    margin-top: calc(var(--spacing-7) - var(--spacing-1));
}

.quform-child-elements > .quform-element-group + .quform-element-text {
    margin-top: var(--spacing-6);
}

.quform-element-checkbox {
    margin-bottom: var(--spacing-1);
}

button.quform-copy {
    margin-bottom: var(--spacing-4);
}

.button.button--icon.button--add-animal {
    margin-top: var(--spacing-8);
}


/* Note */
.quform-element-note {
    margin-top: var(--spacing-2);
}

.quform-element-note em {
    display: block;
    font-size: var(--font-size-1);
    font-style: normal;
    line-height: var(--line-height-2);
}

.quform-element-note em a {
    text-decoration: underline;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.no-touchevents .quform-element-note em a:hover {
    opacity: var(--opacity-2);
}


/* Textarea */
.quform-input-textarea {
    line-height: 0;
}

textarea {
    padding: 15px;
    resize: none;
}

.quform-element-textarea textarea {
    height: 200px;
}


/* Radio */
.quform-element-radio .quform-option-label {
    cursor: pointer;
}

.quform-element-radio:not(.quform-element-radio--rehomed) .quform-option {
    position: relative;
    display: inline-block;
}

.quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"] {
    position: absolute;
    background-color: var(--brand-beige);
    border-radius: 100%;
    top: 3px;
    left: 0;
    cursor: pointer;
}

.quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"]::after {
    content: "";
    position: absolute;
    background-color: var(--brand-brown);
    top: 6px;
    left: 6px;
    border-radius: 100%;
    opacity: 0;
    transform: scale(0);
    transition: var(--transition-1);
}

.no-touchevents .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"]:not(:checked):hover::after {
    opacity: var(--opacity-1);
    transform: scale(.75);
}

.quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"]:checked::after {
    opacity: 1;
    transform: scale(1);
}


/* Special radio buttons rehomed */
.quform-element-radio--rehomed .quform-option {
    position: relative;
    line-height: 0;
    display: inline-block;
}

.quform-element-radio--rehomed .quform-sub-label {
    display: none;
}

.quform-element-radio--rehomed > .quform-spacer > .quform-label {
    margin-bottom: 5px;
}

.quform-element-radio--rehomed .quform-option-label {
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--brand-white);
    border-radius: 15px;
    cursor: pointer;
    -webkit-box-shadow: var(--box-shadow);
    -moz-box-shadow: var(--box-shadow);
    box-shadow: var(--box-shadow);
    position: relative;
    z-index: 1;
    transition: var(--transition-2);
}

.quform-element-radio--rehomed input[type="radio"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    cursor: pointer;
}

.no-touchevents .quform-element-radio--rehomed .quform-option-label:hover, .quform-element-radio--rehomed  input[type="radio"]:checked + .quform-option-label, .quform-element-radio--rehomed  input[type="radio"]:focus + .quform-option-label {
    background-color: var(--brand-brown);
    color: var(--brand-white);
}

.quform-element-radio--rehomed  .quform-option-label span {
    font-family: var(--brand-font-headline);
    font-weight: bold;
    line-height: var(--line-height-2);
}

.quform-option-label .icon {
    transition: var(--transition-2);
}

.no-touchevents .quform-element-radio--rehomed  .quform-option-label:hover .icon, .quform-element-radio--rehomed  input[type="radio"]:checked + .quform-option-label .icon, .quform-element-radio--rehomed  input[type="radio"]:focus + .quform-option-label .icon  {
    fill: var(--brand-white);
}


/* Checkboxes */
.quform-element--checkbox-third .quform-options, .quform-element--checkbox-half .quform-options {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.quform-element--checkbox-third .quform-option, .quform-element--checkbox-half .quform-option {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
}

input[type="checkbox"]{
    position: relative;
    top: 4px;
    background-color: var(--brand-beige);
    border-radius: 5px;
    cursor: pointer;
}

input[type="checkbox"]::before, input[type="checkbox"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 2px;
    background-color: var(--brand-brown);
    opacity: 0;
    -webkit-transition: var(--transition-1);
    -o-transition: var(--transition-1);
    transition: var(--transition-1);
}

input[type="checkbox"]::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

input[type="checkbox"]::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    -ms-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

.no-touchevents input[type="checkbox"]:not(:checked):hover::before, .no-touchevents input[type="checkbox"]:not(:checked):hover::after {
    width: 10px;
    height: 2px;
    opacity: var(--opacity-2);
}

input[type="checkbox"]:checked::before, input[type="checkbox"]:checked::after {
    height: 2px;
    opacity: 1;
}

.quform-option .quform-option-label {
    cursor: pointer;
}

.quform-element-radio:not(.quform-element-radio--rehomed) .quform-option .quform-option-label, .quform-element-checkbox .quform-option-label {
    display: inline-block;
    padding-left: calc(var(--spacing-0) + 2px);
}


/* Select */
.select2-selection__choice::before, .select2-search::before {
    display: none;
}

.select2-selection__rendered, .select2-container--quform .select2-search--inline {
    display: inline-block;
}

.select2-container {
    cursor: pointer;
}

.select2-container > .selection, .select2-container > .selection > .select2-selection {
    display: block;
    border-radius: 15px !important;
}

.select2-container > .selection:focus, .select2-container > .selection > .select2-selection:focus {
    outline: 2px solid var(--brand-brown);
}

.select2-container, .select2-container .selection, .select2-selection__rendered {
    max-width: 100%;
}

.select2-selection__rendered {
    padding-right: 54px;
}

.quform-element-multiselect label {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    overflow: hidden;
}

.select2-container .select2-search--inline .select2-search__field, .select2-container .select2-selection--multiple {
    cursor: pointer;
    border-radius: 0;
}

.select2-container .select2-search--inline .select2-search__field {
    padding: 0;
    outline: 0 !important;
}

.macos .select2-container .select2-search--inline .select2-search__field, .ios .select2-container .select2-search--inline .select2-search__field {
    position: relative;
}

.select2-container .select2-selection--multiple {
    display: block;
    line-height: 0;
    max-width: 100%;
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button, .select2-container .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

.select2-container .select2-dropdown .select2-search {
    position: relative;
}

.select2-container .select2-dropdown .select2-search::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path style="fill:%23473816;stroke:%23473816;stroke-width:0.5;" d="M18.8,17.7l-5.1-5.1c1-1.2,1.6-2.8,1.6-4.5c0-3.9-3.2-7.1-7.1-7.1S1,4.2,1,8.1c0,3.9,3.2,7.1,7.1,7.1c1.7,0,3.3-0.6,4.5-1.6l5.1,5.1c0.1,0.1,0.3,0.2,0.5,0.2c0.2,0,0.4-0.1,0.5-0.2C19.1,18.5,19.1,18,18.8,17.7z M8.1,13.7c-3.1,0-5.6-2.5-5.6-5.6C2.5,5,5,2.5,8.1,2.5c3.1,0,5.6,2.5,5.6,5.6C13.7,11.2,11.2,13.7,8.1,13.7z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.select2-dropdown {
    box-sizing: border-box;
    display: block;
    position: absolute;
    z-index: 1051;
    padding: 0 15px;
}

.select2-results__option {
    -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

.select2-container--quform .select2-search--inline {
    padding: 0;
    margin: 0;
}

.quform-input-select::after, .quform-input-multiselect::after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) scale(.94);
    width: 20px;
    height: 10px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10" viewBox="0 0 20 10"><path fill="%23473816" d="M10,10c-0.3,0-0.7-0.1-1-0.4L0.7,2.1c-0.5-0.5-0.5-1.3,0-1.7c0.5-0.5,1.4-0.5,1.9,0L10,7l7.4-6.7c0.5-0.5,1.4-0.5,1.9,0c0.5,0.5,0.5,1.3,0,1.7L11,9.6C10.7,9.9,10.3,10,10,10z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.quform-element-select .quform-input-select select {
    appearance: none;
}

.quform-element-select .quform-input-select:not(.disabled) select {
    cursor: pointer;
}

.select2-container--quform .select2-dropdown .select2-results > .select2-results__options, .select2-container--quform .select2-dropdown .select2-search > .select2-search__field {
    box-shadow: var(--box-shadow);
    background-color: var(--brand-white);
}

.select2-container--quform .select2-dropdown .select2-search > .select2-search__field {
    border-bottom: 1px solid var(--border-color);
    outline: 0 !important;
}

.select2-container--quform .select2-dropdown--below .select2-search > .select2-search__field {
    border-radius: 0;
    clip-path: inset(0 -20px -1px -20px);
}

.select2-container--quform .select2-dropdown--above .select2-search > .select2-search__field {
    border-radius: 15px 15px 0 0;
    clip-path: inset(-20px -20px -20px -20px);
}

.select2-container--quform .select2-dropdown .select2-results > .select2-results__options {
    max-height: 310px;
    overflow-y: auto;
    clip-path: inset(0px -20px -20px -20px);
}



.select2-container--quform .select2-dropdown--below .select2-results > .select2-results__options {
    border-radius: 0 0 15px 15px;
}

.select2-container--quform .select2-dropdown--above .select2-results > .select2-results__options {
    border-radius: 0;
}

.select2-container--quform .select2-results__option {
    width: 100%;
    padding: 9px 17px 7px;
    font-size: var(--font-size-standard);
    line-height: var(--line-height-1);
    color: var(--brand-brown);
    border: 0;
}

.select2-container--quform .select2-results__option[aria-selected="true"],
.select2-container--quform .select2-results__options[aria-multiselectable="true"] .select2-results__option:not(.select2-results__option--disabled)[aria-selected="true"] {
    background-color: var(--brand-brown) !important;
    color: var(--brand-white) !important;
}

.select2-container--quform .select2-results__option--highlighted:not(.select2-results__option--disabled)[aria-selected] {
    background-color: var(--brand-brown);
    color: var(--brand-white);
}

.select2-dropdown ul li {
    margin: 0;
    list-style: none;
}

.quform-element-select--animal-amount .quform-label  {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    overflow: hidden;
}

.select2-container--quform .select2-selection--multiple .select2-selection__choice {
    position: relative;
    display: inline-block;
    padding: 6px 30px 3px 10px;
    font-size: var(--font-size-3);
    line-height: 1;
    color: var(--brand-white);
    background-color: var(--brand-brown);
    border-radius: var(--border-radius-small);
    margin: 4px var(--spacing-0) 4px 0;
}

.select2-container--quform .select2-selection--multiple .select2-selection__choice + li {
    margin-top: 0;
}

.select2-container--quform .select2-selection--multiple .select2-selection__choice__remove {
    position: absolute;
    top: -1px;
    right: 0;
    padding-right: 9px;
    height: 30px;
    font-size: 22px;
    line-height: 28px;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
    -webkit-border-top-right-radius: var(--border-radius-small);
    -webkit-border-bottom-right-radius: var(--border-radius-small);
    -moz-border-radius-topright: var(--border-radius-small);
    -moz-border-radius-bottomright: var(--border-radius-small);
    border-top-right-radius: var(--border-radius-small);
    border-bottom-right-radius: var(--border-radius-small);
}

.no-touchevents .select2-container--quform .select2-selection--multiple .select2-selection__choice__remove:hover {
    opacity: var(--opacity-1);
}

.select2-container--quform .select2-search--inline {
    padding: 0;
}

.select2-container--quform .select2-selection--multiple .select2-selection__rendered:before {
    right: 17px;
    width: 20px;
    height: 12px;
    cursor: pointer;
}

.select2-container--quform .select2-results__options[aria-multiselectable="true"] .select2-results__option:not(.select2-results__option--disabled)[aria-selected="true"] {
    background-color: var(--brand-brown);
    color: var(--brand-white);
}

.select2-container--quform .select2-results__option--highlighted:not(.select2-results__option--disabled)[aria-selected] {
    background-color: var(--brand-beige);
    color: var(--brand-brown);
}

.select2-selection--multiple input.select2-search__field[type="search"] {
    margin-top: 4px;
    min-width: 50px !important
}

.select2-selection--multiple input.select2-search__field[type="search"][placeholder="Tierarten auswählen"] {
    min-width: 195px !important;
}



/* Progress Tab */
.quform-page-progress-tabs {
    display: block;
    width: 100%;
}

.quform-page-progress-tab {
    display: inline-block;
}

.quform-page-progress-tabs {
    margin-bottom: var(--spacing-7);
    font-size: var(--font-size-2);
    line-height: 0;
    background-color: var(--brand-brown);
    border-radius: var(--border-radius);
}

.quform-page-progress-tab {
    line-height: 1.2;
    color: var(--brand-white);
    font-weight: bold;
}

.quform-element-page {
    display: none;
}

.quform-element-page.quform-current-page {
    display: block;
}

.quform-clickable-tab {
    cursor: pointer;
    transition: opacity var(--transition-2);
}

.no-touchevents .quform-clickable-tab:not(.quform-current-tab):hover {
    opacity: var(--opacity-2);
}



/* -------- Datepicker -------- */
.quform-input-date .k-datepicker {
    display: block;
}

.k-animation-container {
    margin: -10px 0;
    padding: 10px;
}

.k-calendar-container {
    width: 100%;
    font-size: 14px !important;
    line-height: 1.5 !important;
    font-weight: normal !important;
    background-color: var(--brand-white);
    border: 1px solid #eee;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.05);
}

.k-animation-container a {
    text-decoration: none;
}

.quform-input-date .k-datepicker .k-picker-wrap {
    position: relative;
}

.quform-input-date .k-datepicker .k-picker-wrap::before {
    content: "";
    position: absolute;
    top: 1px;
    width: 22px;
    height: 22px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22"><style type="text/css">.brown{fill:%23473816;}</style><path class="brown" d="M5.4,5.1h0.3c0.5,0,0.9-0.4,0.9-0.9V1.8V0.9C6.6,0.4,6.2,0,5.7,0H5.4C4.9,0,4.5,0.4,4.5,0.9v0.9v2.4C4.5,4.7,4.9,5.1,5.4,5.1z"/><path class="brown" d="M16.5,5.1h0.3c0.5,0,0.9-0.4,0.9-0.9V1.6V0.9c0-0.5-0.4-0.9-0.9-0.9h-0.3c-0.5,0-0.9,0.4-0.9,0.9v0.7v2.6C15.6,4.7,16,5.1,16.5,5.1z"/><path class="brown" d="M20.6,1.8h-2.2v2.6c0,0.9-0.7,1.4-1.6,1.4h-0.3c-0.9,0-1.6-0.7-1.6-1.6V1.8H7.3v2.4c0,0.9-0.7,1.6-1.6,1.6H5.4c-0.9,0-1.6-0.7-1.6-1.6V1.8H1.4C0.6,1.8,0,2.5,0,3.2v17.3C0,21.4,0.6,22,1.4,22h19.2c0.8,0,1.4-0.6,1.4-1.4V3.2C22,2.5,21.4,1.8,20.6,1.8z M20.6,20.6H1.4l0-13.1h19.2L20.6,20.6C20.6,20.6,20.6,20.6,20.6,20.6z"/><path class="brown" d="M11.7,11.9h2.5c0.1,0,0.2-0.1,0.2-0.2V9.5c0-0.1-0.1-0.2-0.2-0.2h-2.5c-0.1,0-0.2,0.1-0.2,0.2v2.2C11.5,11.8,11.6,11.9,11.7,11.9z"/><path class="brown" d="M15.9,11.9h2.5c0.1,0,0.2-0.1,0.2-0.2V9.5c0-0.1-0.1-0.2-0.2-0.2h-2.5c-0.1,0-0.2,0.1-0.2,0.2v2.2C15.7,11.8,15.8,11.9,15.9,11.9z"/><path class="brown" d="M3.5,15.5H6c0.1,0,0.2-0.1,0.2-0.2v-2.2c0-0.1-0.1-0.2-0.2-0.2H3.5c-0.1,0-0.2,0.1-0.2,0.2v2.2C3.3,15.4,3.4,15.5,3.5,15.5z"/><path class="brown" d="M7.6,15.5h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2c0-0.1-0.1-0.2-0.2-0.2H7.6c-0.1,0-0.2,0.1-0.2,0.2v2.2C7.4,15.4,7.5,15.5,7.6,15.5z"/><path class="brown" d="M11.7,15.5h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2c0-0.1-0.1-0.2-0.2-0.2h-2.5c-0.1,0-0.2,0.1-0.2,0.2v2.2C11.5,15.4,11.6,15.5,11.7,15.5z"/><path class="brown" d="M15.9,15.5h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2c0-0.1-0.1-0.2-0.2-0.2h-2.5c-0.1,0-0.2,0.1-0.2,0.2v2.2C15.7,15.4,15.8,15.5,15.9,15.5z"/><path class="brown" d="M6,16.6H3.5c-0.1,0-0.2,0.1-0.2,0.2V19c0,0.1,0.1,0.2,0.2,0.2H6c0.1,0,0.2-0.1,0.2-0.2v-2.2C6.2,16.7,6.1,16.6,6,16.6z"/><path class="brown" d="M10.1,16.6H7.6c-0.1,0-0.2,0.1-0.2,0.2V19c0,0.1,0.1,0.2,0.2,0.2h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2C10.3,16.7,10.2,16.6,10.1,16.6z"/><path class="brown" d="M14.3,16.6h-2.5c-0.1,0-0.2,0.1-0.2,0.2V19c0,0.1,0.1,0.2,0.2,0.2h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2C14.4,16.7,14.4,16.6,14.3,16.6z"/><path class="brown" d="M18.4,16.6h-2.5c-0.1,0-0.2,0.1-0.2,0.2V19c0,0.1,0.1,0.2,0.2,0.2h2.5c0.1,0,0.2-0.1,0.2-0.2v-2.2C18.6,16.7,18.5,16.6,18.4,16.6z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}


/* Header */
.k-header {
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.k-header a {
    display: block;
}

.k-header a:not(.k-nav-fast) {
    position: relative;
    width: 34px;
    height: 30px;
    transition: .25s;
}

.no-touchevents .k-header a:not(.k-nav-fast):hover {
    opacity: .5;
}

.k-header a:not(.k-nav-fast) > span {
    background-image: url('data:image/svg+xml;utf8,<svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Arrow-15"><path d="m57.5439453 42.5889893-24.828125-25.4555664c-.3769531-.3857422-1.0546875-.3857422-1.4316406 0l-24.828125 25.4560546c-.3818359.3920898-.3779297 1.0180664.0087891 1.4052734l2.8681641 2.8681641c.1875.1875.4423828.2929688.7070313.2929688h.0068359c.2675781-.0019531.5234375-.1108398.7099609-.3027344l21.243164-21.8491211 21.2431641 21.8486328c.1865234.1918945.4423828.3007813.7099609.3027344h.0068359c.2646484 0 .5195313-.1054688.7070313-.2929688l2.8681641-2.8681641c.3867187-.3872069.390625-1.0131835.008789-1.4052733z"/></g></svg>');
    background-repeat: no-repeat;
    background-size: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
}

.k-header a:not(.k-nav-fast).k-state-disabled > span {
    opacity: 0;
}

.k-header a.k-nav-next > span {
    transform: translate(-50%, -50%) rotate(90deg);
}

.k-header a.k-nav-prev > span {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.k-header a.k-nav-fast {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0;
    pointer-events: none;
}


/* Calendar view */
.k-calendar-view table {
    width: 100%;
    text-align: center;
}

.k-calendar-view table thead {
    opacity: .6;
}

.k-calendar-view table th {
    padding-bottom: 5px;
}

.k-calendar-view table td {
    padding: 0;
}

.k-calendar-view table td.k-today {
    background-color: var(--brand-beige);
}

.k-calendar-view table td.k-today a {
    color: var(--brand-brown);
}

.no-touchevents .k-calendar-view table td.k-today a:hover {
    color: var(--brand-brown) !important;
    background-color: var(--brand-beige) !important;
}

.k-calendar-view table td span.empty {
    opacity: .2;
}

.k-calendar-view table td a, .k-calendar-view table td span {
    display: block;
    padding: 5px;
}

.no-touchevents .k-calendar-view table td:not(.k-state-selected) a:hover {
    background-color: var(--brand-beige);
}

.k-calendar-view table td.k-state-selected a {
    color: var(--brand-white) !important;
    background-color: var(--brand-brown);
}


/* Footer */
.k-footer {
    display: none !important;
}

/* Media Query */
@media only screen and (max-width: 359.98px) {

    .k-animation-container {
        width: calc(100% - var(--spacing-4) * 2) !important;
    }

}


/* Image upload */
.quform-element-file {
    display: inline-block;
    padding: var(--spacing-3);
    box-shadow: var(--box-shadow);
    border-radius: var(--border-radius);
}

.quform-element-file .quform-label {
    margin-bottom: 5px;
}

.quform-upload-button-text {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px,1px,1px,1px);
    border: 0;
    overflow: hidden;
}

input[type=file] {
    font-size: 0;
}

.quform-upload-files {
    margin-top: 5px;
}

.quform-upload-file {
    display: inline-block;
    margin-top: 8px;
    padding: 0 10px 0 12px;
    background-color: var(--brand-brown);
    border-radius: var(--border-radius-small);
    color: var(--brand-white);
    margin-right: var(--spacing-1);
}
.quform-upload-file + .quform-upload-file {
    margin-top: 8px;
}

.quform-upload-file-name {
    font-size: var(--font-size-2);
}

.quform-upload-file-remove {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    top: 3px;
    margin-left: 5px;
    cursor: pointer;
    transition: var(--transition-2);
}

.no-touchevents .quform-upload-file-remove:hover, .no-touchevents .db_entry_image__delete:hover .icon--bin {
    opacity: var(--opacity-2);
}

.quform-upload-file-remove:after, .quform-upload-file-remove:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 14px;
    bottom: 8px;
    left: 4px;
    background: var(--brand-white);
}

.quform-upload-file-remove:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.quform-upload-file-remove:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.db_entry_image {
    position: relative;
    display: inline-block;
}

.db_entry_image + .db_entry_image {
    margin-left: var(--spacing-1);
}

.db_entry_image__delete {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
    z-index: 100;
    background-color: white;
    cursor: pointer;
}

.db_entry_image__delete .icon--bin {
    display: block;
    width: 16px;
    height: 18px;
    transition: var(--transition-2);
}

.db_entry_portrait .typography--bold, .db_entry_portrait .typography--hint, .db_entry_images .typography--bold {
    display: block;
    line-height: 1.4;
}


/* Steckbrief */
.page-template-page-entry-form .quform h3, .page-template-page-entry-form .quform h4 {
    margin-top: var(--spacing-6);
}

.db_entry_portrait h4, .db_entry_images h4, .quform-element-3_453 h3 {
    margin-bottom: 5px;
}

.quform-element-submit.button--normal {
    margin-right: 0;
}

.form_preview__animal h4:first-child {
    margin-top: 0;
}

.quform-element-3_27 .quform-button-next {
    float: right;
}

.quform-element-3_27 .quform-loading-position-right {
    display: none !important;
}

.page-template-page-entry-form .quform-child-elements > .quform-element-3_131 {
    margin-top: 0;
}



/* Lebensplatz anbieten */
.quform-element-5_20 h2 {
    margin-top: 0 !important;
}


/* Submit */
.quform-element-submit {
    left: -1px;   
}

.page-template-page-offer-place .quform-element-submit, .page-template-page-registration .quform-element-submit, .page-template-page-edit-profile .quform-element-submit,
.page-template-page-entry-form .quform-element-submit, .page-template-page-contact-form .quform-element-submit {
    margin-top: var(--spacing-7) !important;
}

.page-template-page-change-password .quform-element-submit {
    margin-top: var(--spacing-5) !important;
}

.quform-upload-info {
    display: none !important;
}


/* Required */
.quform-required {
    display: inline-block !important;
    margin-left: 5px;
}


/* Password */
.show_password {
    cursor: pointer;
}

.show_password {
    position: absolute;
    bottom: 0;
    right: 0;
}

.show_password .icon--eye, .show_password .icon--eye-closed {
    position: absolute;
    top: 50%;
    opacity: 0;
}

.show_password.show:not(.show_password--show) .icon--eye {
    opacity: 1;
}

.show_password.show_password--show .icon--eye-closed {
    opacity: 1;
}


/* Error */
.quform-error {
    display: block;
    line-height: 0;
    margin-top: 7px;
    text-align: left;
}

.quform-input-checkbox + .quform-error {
    margin-top: var(--spacing-1);
}

.quform-error-text {
    display: inline-block;
    font-size: var(--font-size-1);
    font-weight: bold;
    line-height: var(--line-height-2);
    color: #C05746;
}

.quform-error-text a {
    display: inline-block;
    line-height: 18px;
    color: #C05746;
    border-bottom: 2px dashed;
    -webkit-transition: var(--transition-2);
    -o-transition: var(--transition-2);
    transition: var(--transition-2);
}

.no-touchevents .quform-error-text a:hover {
    opacity: var(--opacity-2);
}


/* Notice */
.quform-element-html--title + .notice {
    margin-top: var(--spacing-1);
    margin-bottom: var(--spacing-2);
    border-left-color: var(--brand-brown);
}


/* Success */
.quform-success-message-content {
    margin-top: var(--spacing-4);
    color: var(--brand-white);
    background-color: var(--brand-brown);
    border-radius: var(--border-radius-small);  
}

.section--color .quform-success-message-content {
    color: var(--brand-black);
    background-color: var(--brand-white);
}

.quform .quform-success-message-content h2:first-child, .quform .quform-success-message-content h3:first-child, .quform .quform-success-message-content h4:first-child {
    margin-top: 0;
}

.quform .quform-success-message-content .button {
    margin-top: var(--spacing-2);
}



/* Spinner */
.quform-element-submit::before, .quform-element-submit::after {
    content: " ";
    display: table;
}
  
.quform-element-submit::after{
    clear: both;
}
  
.quform-button-submit, .quform-loading, .quform-button-next, .quform-button-back {
    float: left;
}

.quform-button-back + .quform-button-next {
    float: right;
}
  
.quform-loading {
    position: relative;
    display: none;
    top: 13px;
}

.quform-button-back + .quform-button-next + .quform-loading {
    display: none !important;
}
  
.quform-loading-inner {
    display: inline-block;
    margin: 0 auto;
    max-width: 24px;
    max-height: 24px;
}
  
.quform-loading-spinner, .quform-loading-spinner:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
  
.quform-loading-spinner {
    position: relative;
    display: inline-block;
    width: 21px;
    height: 21px;
    min-width: 21px;
    min-height: 21px;
    border: 3px solid var(--brand-brown);
    border-color: transparent;
    border-top-color: var(--brand-brown);
    border-radius: 50%;
  
    -webkit-transition: opacity var(--transition-3) ease-in-out;
    -o-transition: opacity var(--transition-3) ease-in-out;
    transition: opacity var(--transition-3) ease-in-out;
    -webkit-animation: qspinstyle var(--transition-3) infinite linear;
    animation: qspinstyle var(--transition-3) infinite linear;
    -webkit-animation-duration: var(--transition-2);
    animation-duration: var(--transition-2);
}
  
.quform-loading-spinner:after {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    display: block;
    width: initial;
    height: initial;
    border: initial;
    border-color: transparent;
    border-top-color: var(--brand-brown);
    border-radius: initial;
    -webkit-animation: qspinstyle 0.65s infinite ease-in-out alternate;
    animation: qspinstyle 0.65s infinite ease-in-out alternate;
}
  
@-webkit-keyframes qspinstyle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes qspinstyle {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/* Preview */
.form_preview {
    position: relative;
    min-height: 100vh;
}

.form_preview .box {
    width: 100%;
}

.form_preview__animal {
    position: relative;
}

.form_preview__animal h4, .form_preview__animals h4 {
    display: block;
}

.form_preview__animals .form_preview__animal > h4 {
    margin-bottom: var(--spacing-2);
}

.form_preview__preowner address {
    margin-bottom: var(--spacing-0);
}

.quform-element-html--preview + .quform-element-submit > .quform-button-back, .quform-element-html--preview + .quform-element-submit[style="display: none;"] + .quform-element-submit > .quform-button-back {
    display: none;
}

.form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
    display: inline-block;
    border-radius: var(--border-radius);
    background-color: var(--brand-beige);
    font-weight: bold;
    padding: 5px 12px 3px;
    font-size: var(--font-size-1);
    font-weight: bold;
    border-radius: var(--border-radius-small);
    background-color: var(--brand-beige);
}

.form_preview__animal .label_rehomed {
    position: absolute;
}

.form_preview__animals .button--beige + h4 {
    margin-top: var(--spacing-7);
}

.form_preview::before {
    content: "";
    position: absolute;
    z-index: 5;
    opacity: 1;
    visibility: visible;
    left: -2px;
    top: 0;
    width: calc(100% + 4px);
    height: 100%;
    background-color: var(--brand-white);
    -webkit-transition: var(--transition-1);
    -o-transition: var(--transition-1);
    transition: var(--transition-1);
}

.form_preview.loaded::before, .form_preview.loaded::after {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.form_preview::after {
    content: "";
    display: block;
    position: absolute;
    top: var(--spacing-0);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 6;
    border: solid 4px transparent;
    border-top-color: var(--brand-brown);
    border-left-color: var(--brand-brown);
    border-radius: 50%;
    -webkit-animation: loading-bar-spinner 400ms linear infinite;
    animation: loading-bar-spinner 400ms linear infinite;
}

@-webkit-keyframes loading-bar-spinner {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);   transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes loading-bar-spinner {
    0%   { -webkit-transform: rotate(0deg); transform: rotate(0deg);   transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); transform: rotate(360deg); }
}



/* CleanTalk */
#cleantalk-modal-overlay {
    padding: 15px;
}

#cleantalk-modal-overlay #cleantalk-modal-inner {
    padding: 25px 50px 25px 25px !important;
    max-width: 560px;
    border: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}

#cleantalk-modal-overlay #cleantalk-modal-inner p a {
    text-decoration: underline;
}

#cleantalk-modal-overlay #cleantalk-modal-close {
    top: 0 !important;
    right: 0 !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 0 !important;
    border: 0 !important;
    background-color: var(--brand-black);
    -webkit-transition: var(--transition-1);
    -o-transition: var(--transition-1);
    transition: var(--transition-1);
}

.no-touchevents #cleantalk-modal-overlay #cleantalk-modal-close:hover {
    opacity: var(--opacity-2);
}

#cleantalk-modal-close:before, #cleantalk-modal-close:after {
    top: 9px !important;
    left: 19px !important;
    height: 22px !important;
    background: var(--brand-white) !important;
    border-radius: 0 !important;
}



/* Autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-background-clip: text;  
    -webkit-text-fill-color: var(--brand-brown);
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 62px 62px var(--brand-beige);
}

.section__login input:-webkit-autofill,
.section__login input:-webkit-autofill:hover, 
.section__login input:-webkit-autofill:focus, 
.section__login input:-webkit-autofill:active{
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 62px 62px var(--brand-white);
}



/* Hide */
.quform-element-html.quform-element-hide:not(.quform-element-note) {
    margin-top: 0;
}

.quform-element-hide a {
    opacity: 0;
}

.quform-element-hide a:focus-visible {
    display: block;
    margin-top: var(--spacing-4);
    opacity: 1;
}


/* Kontakt */
.quform-child-elements > .quform-element--top-0.quform-element-9_15 {
    margin-top: var(--spacing-1) !important;
}


/* Rehomed */
.quform-element-select .quform-input-select.disabled .select2, .select2-selection__choice--disabled, .select2-results__option--disabled {
    pointer-events: none;
}

.quform-element-select .quform-input-select.disabled select , .quform-element-select .quform-input-select.disabled::after, .select2-selection__choice--disabled, .select2-results__option--disabled {
    opacity: var(--opacity-1);
}

.quform-element-select .quform-input-select.disabled .select2-selection__rendered {
    color: rgb(71 56 22 / 55%);
}

.select2-container--quform .select2-results__options[aria-multiselectable="true"] .select2-results__option[aria-selected="true"].select2-results__option--disabled {
    background-color: white;
    color: var(--brand-brown);
}



.page-template-page-remove-place .section > div.section__form {
    padding-top: var(--spacing-5);
}



/* ------------------------------ */
/* -------- Media Queries ------- */
/* ------------------------------ */

@media all and (min-width: 576px) {

    .quform-element--checkbox-third .quform-options, .quform-element--checkbox-half .quform-options {
        margin: -8px calc(-1 * var(--spacing-1));
    }

    .k-animation-container {
        width: 300px !important;
    }

    .quform-page-progress-tab:nth-child(n+2) {
        position: relative;
    }
    
    .quform-page-progress-tab:nth-child(n+2)::before {
        content: "";
        position: absolute;
        left: 0;
        top: calc(-1 * var(--spacing-1));
        width: 2px;
        height: calc(100% + var(--spacing-0) + var(--spacing-1) + 2px);
        background-color: rgb(255 255 255 / 20%);
    }

    .quform-page-progress-tab.quform-current-tab {
        background-color: rgb(255 255 255 / 12%);
    }

    .quform-page-progress-tab:not(.quform-clickable-tab):not(.quform-current-tab) {
        opacity: var(--opacity-1);
    }

}


@media all and (min-width: 768px) {

    .quform-element-group > .quform-spacer > .quform-child-elements > div.quform-element-plz {
        width: 30%;
    }
    
    .quform-element-group > .quform-spacer > .quform-child-elements > div.quform-element-place {
        width: 70%;
    }

    .quform-input-1_3 > .quform-options-block {
        display: flex;
    }

    input[type="text"], input[type="number"], .quform-input > .quform-label label, select, input[type="password"], .select2-selection__rendered {
        height: 62px;
    }

    input[type="text"], input[type="number"], input[type="email"], textarea, select, .quform-input > .quform-label label, .select2-selection__rendered, input[type="search"], input[type="password"] {
        padding: 14px 20px 12px;
    }

    .show_password {
        width: 68px;
        height: 62px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .show_password .icon--eye, .show_password .icon--eye-closed {
        transform: translateY(-50%) scale(.8);
        right: 15px;
    }

    .quform-element-radio--rehomed:not([style="display: none;"]) + .quform-element-group--top-0 {
        margin-top: var(--spacing-4) !important;
    }

    .quform-child-elements > .quform-element-html--title + .quform-element-checkbox {
        margin-top: var(--spacing-1) !important;
    }

    .quform-child-elements > .quform-element-html--db_entry_portrait + .quform-enhanced-upload, .quform-child-elements > .quform-element-html--db_entry_images + .quform-enhanced-upload {
        margin-top: var(--spacing-2) !important;
    }

    .quform-option-label .icon {
        margin-right: var(--spacing-1);
    }

    .quform-element-radio--rehomed .quform-option-label {
        padding: 21px 25px;
    }

    .quform-element--checkbox-half .quform-option {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .quform-page-progress-tab {
        padding-top: var(--spacing-1);
        padding-bottom: 12px;
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"] {
        width: 24px;
        height: 24px;
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"]::after {
        width: 12px;
        height: 12px;
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"] + label {
        padding-left: 35px;
    }

    .db_entry_image {
        width: 150px;
        height: 150px;
    }

    .quform-element-radio.quform-element-radio--rehomed .quform-option + .quform-option {
        margin-left: var(--spacing-3);
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option {
        margin-right: var(--spacing-3);
    }

    .quform-input-date .k-datepicker .k-picker-wrap::before {
        left: var(--spacing-2);
    }

    .quform-input-date .k-datepicker input {
        padding-left: 56px;
    }

    .quform-element-multiselect .select2-selection__rendered {
        padding: 11px 60px 11px 20px;
        min-height: 62px;
        height: auto;
    }

    .form_preview__animal .label_rehomed {
        top: -4px;
        right: 0;
    }

    .quform-success-message-content {
        padding: var(--spacing-4);
    }

    .quform-element--checkbox-third .quform-option {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

}


@media all and (min-width: 992px) {

    .quform-label {
        margin-bottom: 4px;
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        margin-left: var(--spacing-3);
    }

    .quform-loading {
        margin-left: var(--spacing-4);
    }

    .quform-page-progress-tab {
        padding-left: 47px;
        padding-right: 47px;
    }

    .quform-page-progress-tab:last-child {
        padding-left: 49px;
        padding-right: 50px;
    }

    .form_preview::after {
        left: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }

}


@media all and (min-width: 1240px) {

    .quform-element-group--half > .quform-spacer > .quform-child-elements, .quform-element-group--thirds > .quform-spacer > .quform-child-elements {
        margin: calc(-1 * var(--spacing-1)) calc(-1 * var(--spacing-0)) -5px;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
        width: 50%;
        padding: 0 var(--spacing-0);
        margin: var(--spacing-1) 0;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div.quform-element-group--thirds {
        margin-bottom: 0;
    }

    .quform-element-group--thirds > .quform-spacer > .quform-child-elements > div {
        padding: 0 var(--spacing-0);
        margin: var(--spacing-1) 0;
    }

    .quform-child-elements > .quform-element {
        margin-top: var(--spacing-4);
    }

    input[type="checkbox"] {
        width: 24px;
        height: 24px;
    }

    input[type="checkbox"]:checked::before, input[type="checkbox"]:checked::after {
        width: 13px;
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        padding: 6px var(--spacing-1) 2px;
    }

    .quform-element--checkbox-third .quform-option, .quform-element--checkbox-half .quform-option {
        padding: 8px var(--spacing-1);
    }

}


@media all and (max-width: 1239.98px) {

    .quform-element-group--half > .quform-spacer > .quform-child-elements, .quform-element-group--thirds > .quform-spacer > .quform-child-elements {
        margin: calc(-1 * var(--spacing-0)) calc(-1 * var(--spacing-0)) -5px;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
        width: 50%;
        padding: 0 var(--spacing-0);
        margin: var(--spacing-0) 0;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div.quform-element-group--thirds {
        margin-bottom: 0;
    }

    .quform-element-group--thirds > .quform-spacer > .quform-child-elements > div {
        padding: 0 var(--spacing-0);
        margin: var(--spacing-0) 0;
    }

    input[type="checkbox"]:checked::before, input[type="checkbox"]:checked::after {
        width: 12px;
    }

    .quform-element--checkbox-third .quform-option, .quform-element--checkbox-half .quform-option {
        padding: 6px var(--spacing-1);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 992px) {

    .quform-child-elements > .quform-element {
        margin-top: var(--spacing-3);
    }

}


@media all and (max-width: 1239.98px) and (min-width: 768px) {

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        padding: 4px 12px 2px;
    }
    
    input[type="checkbox"]{
        width: 23px;
        height: 23px;
    }

}


@media all and (max-width: 1239.98px) and (min-width: 390px) {

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        font-size: var(--font-size-2);
    }

}


@media all and (max-width: 991.98px) and (min-width: 768px) {   

    .quform-1 {
        margin-top: -5px;
    }

    .quform-option-label .icon {
        margin-right: var(--spacing-0);
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        margin-left: var(--spacing-2);
    }

    .quform-loading {
        margin-left: var(--spacing-3);
    }

    .quform-page-progress-tab {
        padding-left: 28px;
        padding-right: 28px;
    }

}


@media all and (max-width: 991.98px) {

    .quform-label {
        margin-bottom: 5px;
        line-height: 1.4;
    }

    .quform-option-label .icon {
        transform: scale(.8);
    }

    .quform-element-submit, .quform-element-page > .quform-child-elements > .quform-element-group + .quform-element-group, .quform-element-radio + .quform-element-group, .quform-element-html:not(.quform-element-note) {
        margin-top: var(--spacing-5);
    }

    .quform-child-elements > .quform-element {
        margin-top: var(--spacing-2);
    }

}


@media all and (max-width: 991.98px) and (min-width: 576px) {

    .form_preview::after {
        left: calc(50% - 15px);
        width: 30px;
        height: 30px;
    }

}


@media all and (max-width: 767.98px) {

    .quform-option-label .icon {
        position: relative;
        top: -1px;
        margin-right: 12px;
    }

    .quform-option {
        display: block;
    }

    input[type="text"], input[type="number"], .quform-input > .quform-label label, select, input[type="password"], .select2-selection__rendered {
        height: 56px;
    }

    input[type="text"], input[type="number"], input[type="email"], textarea, select, .quform-input > .quform-label label, .select2-selection__rendered, input[type="search"], input[type="password"] {
        padding: 13px 15px 12px;
    }

    input[type="password"] {
        padding-right: 58px;
    }
    
    .quform-input > input:not(:-moz-placeholder-shown) {
        padding: 21px 15px 4px;
    }
    
    .quform-input > textarea:not(:-moz-placeholder-shown) {
        padding: 23px 15px 15px;
    }
    
    .quform-input > input:not(:-ms-input-placeholder) {
        padding: 21px 15px 4px;
    }
    
    .quform-input > textarea:not(:-ms-input-placeholder) {
        padding: 23px 15px 15px;
    }

    .quform-input-1_3 .quform-option > label {
        max-width: 322px;
    }

    .quform-input-select::after, .quform-input-multiselect::after {
        transform: translateY(-50%) scale(.9);
        right: 15px;
    }

    .quform-input-date .k-datepicker .k-picker-wrap::before {
        transform: scale(.9);
    }

    .quform-input-date .k-datepicker .k-picker-wrap::before {
        left: 15px;
    }

    .quform-input-date .k-datepicker input {
        padding-left: 46px;
    }

    .quform-element-radio--rehomed .quform-option-label {
        padding: 14px 18px;
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        padding: 3px 10px 1px;
    }

    .form_preview__animal .label_rehomed {
        top: 2px;
    }

    .show_password {
        width: 56px;
        height: 56px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .show_password .icon--eye, .show_password .icon--eye-closed {
        transform: translateY(-50%) scale(.9);
        right: 15px;
    }

    .quform-child-elements > .quform-element {
        margin-top: var(--spacing-3);
    }

    .quform-child-elements > .quform-element-html--db_entry_portrait + .quform-enhanced-upload, .quform-child-elements > .quform-element-html--db_entry_images + .quform-enhanced-upload {
        margin-top: 12px !important;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements {
        margin: -10px 0;
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin: 10px 0;
    }

    .quform-element-checkbox .quform-label-text {
        display: inline-block;
        line-height: var(--line-height-2);
    }

    .quform-element--checkbox-half .quform-option {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .quform-page-progress-tab {
        padding-top: 10px;
        padding-bottom: 7px;
        font-size: var(--font-size-2);
    }

    .db_entry_image__delete .icon--bin {
        transform: scale(.9);
    }

    .quform-element-radio--rehomed:not([style="display: none;"]) + .quform-element-group--top-0 {
        margin-top: var(--spacing-3) !important;
    }

    .quform-child-elements > .quform-element-html--title:not(.quform-element-html--with-text) + .quform-element-checkbox {
        margin-top: 0 !important;
    }

    .quform-option-label .icon {
        margin-right: var(--spacing-1);
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"] {
        width: 22px;
        height: 22px;
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"]::after {
        width: 10px;
        height: 10px;
    }

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option input[type="radio"] + label {
        padding-left: 32px;
    }

    .quform-loading {
        margin-left: var(--spacing-2);
    }

    .db_entry_image {
        width: 120px;
        height: 120px;
    }

    .quform-element-radio .quform-options {
        margin-bottom: -5px;
    }

    .quform-element-radio .quform-option {
        margin-right: var(--spacing-1);
        margin-bottom: 5px;
    }

    .quform-element-multiselect .select2-selection__rendered {
        padding: 9px 50px 8px 15px;
        min-height: 56px;
        height: auto;
    }

    .form_preview > div > p, .form_preview > div.form_preview__animals > .form_preview__animal > p {
        margin-bottom: 0;
        border-bottom: 1px solid var(--border-color);
    }

    .form_preview .box {
        line-height: 1.4;
    }

    .form_preview .box + .button {
        margin-top: var(--spacing-3);
    }

    .form_preview > div > p:first-of-type {
        border-top: 1px solid var(--border-color);
    }

    .quform-child-elements > .quform-element-text--more-info:not(.quform-element-text--full) {
        max-width: 100%;
    }

    .quform-success-message-content {
        padding: var(--spacing-3) var(--spacing-3) 5px;
        margin-bottom: 20px;
    }
    
    input[type="checkbox"]{
        width: 22px;
        height: 22px;
    }

    .select2-container .select2-dropdown .select2-search::after {
        transform: translateY(-50%) scale(.9);
    }

    .quform-element h2 + .button--icon + .button--icon {
        display: block;
        margin-top: -15px;
        margin-bottom: var(--spacing-4);
    }

    .form_preview::after {
        left: calc(50% - 10px);
        width: 20px;
        height: 20px;
    }

    .select2-container--quform .select2-results__option {
        padding-right: 13px;
        padding-left: 13px;
    }

    .quform-page-progress-tab {
        padding: 10px 14px;
        display: block;
    }

    .quform-page-progress-tab {
        border-top: 1px solid rgba(255, 255, 255, .4);
    }

    .quform-page-progress-tab:first-child {
        padding-top: 14px;
    }

    .quform-page-progress-tab:last-child {
        padding-bottom: 14px;
    }

    .quform-element-file {
        padding: 16px;
    }

}


@media all and (max-width: 767.98px) and (min-width: 576px) {

    .quform-input-1_3 .quform-option + .quform-option {
        margin-top: var(--spacing-0);
    }

    .quform-element-group--thirds > .quform-spacer > .quform-child-elements > div {
        padding: 0 6px;
        margin: 6px 0;
    }

    .quform-element-group > .quform-spacer > .quform-child-elements > div.quform-element-plz {
        width: 30%;
    }
    
    .quform-element-group > .quform-spacer > .quform-child-elements > div.quform-element-place {
        width: 70%;
    }

    .quform-element-group--thirds > .quform-spacer > .quform-child-elements {
        margin: -6px;
    }

    .quform-element--checkbox-third .quform-option {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .form_preview > div > p, .form_preview > div.form_preview__animals > .form_preview__animal > p {
        padding: var(--spacing-1) 0;
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        margin-left: var(--spacing-1);
    }

}


@media all and (max-width: 575.98px) {

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div {
        width: 100%;
        margin-bottom: 12px;
    }

    .quform-element-page > .quform-child-elements > .quform-element-group + .quform-element-group {
        margin-top: var(--spacing-3);
    }

    .quform-element-group--half > .quform-spacer > .quform-child-elements > div.quform-element-group--thirds {
        margin: 0;
    }

    .quform-element-group--thirds > .quform-spacer > .quform-child-elements > div {
        margin: 10px 0;
    }

    .quform-element--checkbox-third .quform-options, .quform-element--checkbox-half .quform-options {
        margin: -8px -12px;
    }

    .quform-element--checkbox-third .quform-option, .quform-element--checkbox-half .quform-option {
        padding: 6px 14px;
    }

    .k-animation-container {
        width: 250px !important;
    }

    .form_preview > div > p, .form_preview > div.form_preview__animals > .form_preview__animal > p {
        padding: 10px 0;
    }

    .form_preview__animal h4, .form_preview__animals h4 {
        margin-right: var(--spacing-0);
    }

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        margin-bottom: 15px;
    }

    .quform-page-progress-tab:not(.quform-current-tab) {
        opacity: var(--opacity-1);
    }
  
}



@media all and (max-width: 389.98px) {

    .form_preview__animal .label_rehomed, .form_preview__animals .label_rehomed {
        font-size: var(--font-size-1);
    }

    .quform-element-checkbox:not(.quform-element--checkbox-third) input[type="checkbox"] {
        position: absolute;
        left: 0;
        top: 2px;
    }

    .quform-element-checkbox:not(.quform-element--checkbox-third) .quform-option-label {
        padding-left: var(--spacing-4);
    }


}


@media all and (max-width: 389.98px) and (min-width: 350px) {

    .quform-option-label .icon {
        margin-right: 12px;
    }

}


@media all and (max-width: 349.98px) {

    .quform-element-radio:not(.quform-element-radio--rehomed) .quform-option {
        width: 100%;
    }

    .quform-option-label .icon {
        margin-right: 7px;
        transform: scale(.7);
    }

}