/*
* @version      1.0.0 22.03.2024
* @author       MAXXmarketing GmbH
* @package      com_sa
* @copyright    Copyright (C) 2010 webdesigner-profi.de. All rights reserved.
* @license      GNU/GPL
*/

body.com_sa .header {
    margin-bottom: 0;
}

body.com_sa main {
    padding: 100px 20px;
    border-top: 1px solid #3f3f3f;
    background: #eef7fd;
}

body.com_sa .ProvenExpert_widget_container {
    display: none;
}

main .com_sa {
    visibility: visible !important;
}

main .com_sa * {
    box-sizing: border-box;
}

main .com_sa h1,
main .com_sa h2,
main .com_sa h3,
main .com_sa h4,
main .com_sa h5 {
    margin: 0;
}

main .com_sa ol,
main .com_sa ul {
    margin: 0;
    padding: 0;
}

main .com_sa .btn,
main .com_sa .btn:active,
main .com_sa .btn:focus,
main .com_sa .btn:hover {
    display: inline-block;
    padding: 10px 20px;
    background: #3089d5;
    border: none;
    border-radius: 5px;
    box-shadow: none;
    outline: none;
    line-height: normal;
    text-align: center;
    text-shadow: none;
    text-decoration: none;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    cursor: pointer;
    user-select: none;
}

main .com_sa .btn:hover {
    opacity: 0.95;
}

main .com_sa .btn.dark {
    padding: 12px 20px;
    font-size: 18px;
    background: #20507d;
    font-weight: 700;
}

main .com_sa .btn.white {
    border: 1px solid #e1e1e1;
    background: #ffffff;
    font-weight: bold;
    color: inherit;
}

main .com_sa .calign {
    text-align: center;
}

main .com_sa .centered {
    max-width: 500px;
    margin: 20px auto 50px auto;
    padding: 40px;
    border: 1px solid #443e3e;
    background: #ffffff;
    font-size: 14px;
}

main .com_sa .centered h1 {
    margin-bottom: 30px;
    line-height: 36px;
    font-size: 36px;
    text-align: center;
}

main .com_sa .centered .btn {
    width: 100%;
}

main .com_sa .columns {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

main .com_sa .field {
    margin-bottom: 15px;
}

main .com_sa .field .label {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    background: none;
    white-space: inherit;
    line-height: normal;
    text-shadow: none;
    font-weight: normal;
    color: #000000;
}

main .com_sa .field label {
    font-size: 14px;
}

main .com_sa .field.required .label label:after {
    content: '*';
}

main .com_sa .field input,
main .com_sa .field select,
main .com_sa .field textarea {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
    border: 1px solid #e1e1e1;
    outline: none;
    border-radius: 3px;
    box-shadow: none;
    line-height: normal;
    font-size: 14px;
    color: #555555;
    transition: none;
}

main .com_sa .field input[type="checkbox"] {
    width: auto;
    margin-right: 5px;
}

main .com_sa .field textarea {
    resize: vertical;
    min-height: 100px;
}

main .com_sa .field input:focus,
main .com_sa .field select:focus,
main .com_sa .field textarea:focus {
    box-shadow: 0 0 5px rgba(48, 137, 213, 0.5);
    border-color: #3089d5;
}

main .com_sa .field label {
    margin-bottom: 0;
    line-height: normal;
}

main .com_sa .field.azure {
    margin-bottom: 20px;
}

main .com_sa .field.azure .label {
    margin-bottom: 10px;
}

main .com_sa .field.azure label {
    font-size: 16px;
}

main .com_sa .field.azure input,
main .com_sa .field.azure select,
main .com_sa .field.azure textarea {
    appearance: none;
    background: #ecf7fc;
    border-radius: 0;
    font-size: 16px;
}

main .com_sa .field.azure select {
    padding-right: 35px;
    background: url(/images/select.png) no-repeat calc(100% - 10px) center #ecf7fc;
    background-size: auto 25%;
    cursor: pointer;
}

main .com_sa .field.azure textarea {
    min-height: 150px;
}

main .com_sa .field.azure input:focus,
main .com_sa .field.azure select:focus,
main .com_sa .field.azure textarea:focus {
    box-shadow: none;
    outline: 2px solid #3089d5;
    border-color: transparent;
}

main .com_sa .field.inline > * {
    display: inline-block;
    vertical-align: middle;
}

main .com_sa .field.inline > :not(:last-child) {
    margin-right: 20px;
}

main .com_sa .required_fields_note {
    margin-bottom: 15px;
    font-size: 12px;
    color: #3089d5;
}

main .com_sa .field.azure + .required_fields_note {
    margin-top: -10px;
}

main .com_sa form {
    margin: 0;
}

main .com_sa label {
    display: inline-block;
    margin: 0;
    line-height: normal;
}

main .com_sa label.checkbox {
    white-space: nowrap;
    user-select: none;
}

main .com_sa label.checkbox input {
    display: none;
}

main .com_sa label.checkbox span:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-right: 10px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
    vertical-align: middle;
}

main .com_sa label.checkbox :checked + span:before {
    background: url(/images/checkbox.png) no-repeat center;
}

main .com_sa .lalign {
    text-align: left;
}

main .com_sa .loading {
    position: relative;
}

main .com_sa .loading > * {
    pointer-events: none;
    user-select: none;
    opacity: 0.5;
}

main .com_sa .loader {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 10%;
    display: none;
    transform: translateY(-50%);
    text-align: center;
    font-size: 15px;
    pointer-events: auto;
    user-select: auto;
    opacity: 1;
    z-index: 1;
}

main .com_sa .loader > .text {
    display: inline-block;
    padding: 20px;
}

main .com_sa .loading > .loader:before {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    margin: 20px auto;
    border-radius: 50%;
    border: 6px solid #ffffff;
    border-color: #3089d5 transparent #3089d5 transparent;
    animation: loader 1.2s linear infinite;
}

@keyframes loader {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

main .com_sa .loading > .loader {
    display: block;
}

main .com_sa .progressbar {
    position: relative;
    height: 4px;
    background: #d9d9d9;
}

main .com_sa .progressbar:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #3089d5;
    transition: all 0.3s linear;
}

main .com_sa .progressbar.green:before {
    background: #39ac39;
}

main .com_sa .progressbar.red:before {
    background: #ff6052;
}

main .com_sa .progressbar[data-percent="0"]:before { right: 100%; }
main .com_sa .progressbar[data-percent="1"]:before { right: 99%; }
main .com_sa .progressbar[data-percent="2"]:before { right: 98%; }
main .com_sa .progressbar[data-percent="3"]:before { right: 97%; }
main .com_sa .progressbar[data-percent="4"]:before { right: 96%; }
main .com_sa .progressbar[data-percent="5"]:before { right: 95%; }
main .com_sa .progressbar[data-percent="6"]:before { right: 94%; }
main .com_sa .progressbar[data-percent="7"]:before { right: 93%; }
main .com_sa .progressbar[data-percent="8"]:before { right: 92%; }
main .com_sa .progressbar[data-percent="9"]:before { right: 91%; }
main .com_sa .progressbar[data-percent="10"]:before { right: 90%; }
main .com_sa .progressbar[data-percent="11"]:before { right: 89%; }
main .com_sa .progressbar[data-percent="12"]:before { right: 88%; }
main .com_sa .progressbar[data-percent="13"]:before { right: 87%; }
main .com_sa .progressbar[data-percent="14"]:before { right: 86%; }
main .com_sa .progressbar[data-percent="15"]:before { right: 85%; }
main .com_sa .progressbar[data-percent="16"]:before { right: 84%; }
main .com_sa .progressbar[data-percent="17"]:before { right: 83%; }
main .com_sa .progressbar[data-percent="18"]:before { right: 82%; }
main .com_sa .progressbar[data-percent="19"]:before { right: 81%; }
main .com_sa .progressbar[data-percent="20"]:before { right: 80%; }
main .com_sa .progressbar[data-percent="21"]:before { right: 79%; }
main .com_sa .progressbar[data-percent="22"]:before { right: 78%; }
main .com_sa .progressbar[data-percent="23"]:before { right: 77%; }
main .com_sa .progressbar[data-percent="24"]:before { right: 76%; }
main .com_sa .progressbar[data-percent="25"]:before { right: 75%; }
main .com_sa .progressbar[data-percent="26"]:before { right: 74%; }
main .com_sa .progressbar[data-percent="27"]:before { right: 73%; }
main .com_sa .progressbar[data-percent="28"]:before { right: 72%; }
main .com_sa .progressbar[data-percent="29"]:before { right: 71%; }
main .com_sa .progressbar[data-percent="30"]:before { right: 70%; }
main .com_sa .progressbar[data-percent="31"]:before { right: 69%; }
main .com_sa .progressbar[data-percent="32"]:before { right: 68%; }
main .com_sa .progressbar[data-percent="33"]:before { right: 67%; }
main .com_sa .progressbar[data-percent="34"]:before { right: 66%; }
main .com_sa .progressbar[data-percent="35"]:before { right: 65%; }
main .com_sa .progressbar[data-percent="36"]:before { right: 64%; }
main .com_sa .progressbar[data-percent="37"]:before { right: 63%; }
main .com_sa .progressbar[data-percent="38"]:before { right: 62%; }
main .com_sa .progressbar[data-percent="39"]:before { right: 61%; }
main .com_sa .progressbar[data-percent="40"]:before { right: 60%; }
main .com_sa .progressbar[data-percent="41"]:before { right: 59%; }
main .com_sa .progressbar[data-percent="42"]:before { right: 58%; }
main .com_sa .progressbar[data-percent="43"]:before { right: 57%; }
main .com_sa .progressbar[data-percent="44"]:before { right: 56%; }
main .com_sa .progressbar[data-percent="45"]:before { right: 55%; }
main .com_sa .progressbar[data-percent="46"]:before { right: 54%; }
main .com_sa .progressbar[data-percent="47"]:before { right: 53%; }
main .com_sa .progressbar[data-percent="48"]:before { right: 52%; }
main .com_sa .progressbar[data-percent="49"]:before { right: 51%; }
main .com_sa .progressbar[data-percent="50"]:before { right: 50%; }
main .com_sa .progressbar[data-percent="51"]:before { right: 49%; }
main .com_sa .progressbar[data-percent="52"]:before { right: 48%; }
main .com_sa .progressbar[data-percent="53"]:before { right: 47%; }
main .com_sa .progressbar[data-percent="54"]:before { right: 46%; }
main .com_sa .progressbar[data-percent="55"]:before { right: 45%; }
main .com_sa .progressbar[data-percent="56"]:before { right: 44%; }
main .com_sa .progressbar[data-percent="57"]:before { right: 43%; }
main .com_sa .progressbar[data-percent="58"]:before { right: 42%; }
main .com_sa .progressbar[data-percent="59"]:before { right: 41%; }
main .com_sa .progressbar[data-percent="60"]:before { right: 40%; }
main .com_sa .progressbar[data-percent="61"]:before { right: 39%; }
main .com_sa .progressbar[data-percent="62"]:before { right: 38%; }
main .com_sa .progressbar[data-percent="63"]:before { right: 37%; }
main .com_sa .progressbar[data-percent="64"]:before { right: 36%; }
main .com_sa .progressbar[data-percent="65"]:before { right: 35%; }
main .com_sa .progressbar[data-percent="66"]:before { right: 34%; }
main .com_sa .progressbar[data-percent="67"]:before { right: 33%; }
main .com_sa .progressbar[data-percent="68"]:before { right: 32%; }
main .com_sa .progressbar[data-percent="69"]:before { right: 31%; }
main .com_sa .progressbar[data-percent="70"]:before { right: 30%; }
main .com_sa .progressbar[data-percent="71"]:before { right: 29%; }
main .com_sa .progressbar[data-percent="72"]:before { right: 28%; }
main .com_sa .progressbar[data-percent="73"]:before { right: 27%; }
main .com_sa .progressbar[data-percent="74"]:before { right: 26%; }
main .com_sa .progressbar[data-percent="75"]:before { right: 25%; }
main .com_sa .progressbar[data-percent="76"]:before { right: 24%; }
main .com_sa .progressbar[data-percent="77"]:before { right: 23%; }
main .com_sa .progressbar[data-percent="78"]:before { right: 22%; }
main .com_sa .progressbar[data-percent="79"]:before { right: 21%; }
main .com_sa .progressbar[data-percent="80"]:before { right: 20%; }
main .com_sa .progressbar[data-percent="81"]:before { right: 19%; }
main .com_sa .progressbar[data-percent="82"]:before { right: 18%; }
main .com_sa .progressbar[data-percent="83"]:before { right: 17%; }
main .com_sa .progressbar[data-percent="84"]:before { right: 16%; }
main .com_sa .progressbar[data-percent="85"]:before { right: 15%; }
main .com_sa .progressbar[data-percent="86"]:before { right: 14%; }
main .com_sa .progressbar[data-percent="87"]:before { right: 13%; }
main .com_sa .progressbar[data-percent="88"]:before { right: 12%; }
main .com_sa .progressbar[data-percent="89"]:before { right: 11%; }
main .com_sa .progressbar[data-percent="90"]:before { right: 10%; }
main .com_sa .progressbar[data-percent="91"]:before { right: 9%; }
main .com_sa .progressbar[data-percent="92"]:before { right: 8%; }
main .com_sa .progressbar[data-percent="93"]:before { right: 7%; }
main .com_sa .progressbar[data-percent="94"]:before { right: 6%; }
main .com_sa .progressbar[data-percent="95"]:before { right: 5%; }
main .com_sa .progressbar[data-percent="96"]:before { right: 4%; }
main .com_sa .progressbar[data-percent="97"]:before { right: 3%; }
main .com_sa .progressbar[data-percent="98"]:before { right: 2%; }
main .com_sa .progressbar[data-percent="99"]:before { right: 1%; }
main .com_sa .progressbar[data-percent="100"]:before { right: 0%; }

main .com_sa .ralign {
    text-align: right;
}

main .com_sa .tabs > .names {
	display: flex;
}

main .com_sa .tabs > .names > * {
	position: relative;
    display: block;
	min-width: 110px;
    margin-right: 15px;
    padding: 10px 20px;
	transform: translateY(1px);
    background-color: #e1e1e1;
    border: 1px solid #443e3e;
	white-space: nowrap;
	text-align: center;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: normal;
    font-size: 15px;
    color: #000000;
    user-select: none;
    cursor: pointer;
    z-index: 1;
}

main .com_sa .tabs > .names > :hover,
main .com_sa .tabs > .names > .active {
    background-color: #ffffff;
	border-bottom: 1px solid #ffffff;
}

main .com_sa .tabs > .values {
    padding: 40px;
    background: #ffffff;
    border: 1px solid #443e3e;
}

main .com_sa .tabs > .values > .tab {
    display: none;
}

main .com_sa .tabs > .values > .tab.active {
    display: block;
}

@media (max-width: 992px) {
    main .com_sa .tabs > .values {
        padding: 10px 20px;
    }
}

@media (max-width: 768px) {
    main .com_sa .tabs > .names {
		display: block;
    }
    main .com_sa .tabs > .names > * {
        width: 100%;
		transform: none;
		margin-right: 0;
        border-bottom: 1px solid #ffffff;
		font-size: 16px;
        font-weight: 600;
    }
}

@media (max-width: 480px) {
    body.com_sa .footer {
        margin-top: 0;
    }
}