.localina-button.MuiButton-root.primary {
    background-color:#405fad;
}

/* Preform--------------------------------------------------------------------------------------------------------- */
#preform .widget {
    width:450px;
    height:100%;
    float:left;
    display:block;
    margin-right:30px;
    margin-bottom:30px;
}
#preform #whitebuttonwidget {
    width:450px;
    display:block;
}
#preform .eingabefelder input{
    width:100%;
    height:60px;
    left:2px;
    position:relative;
    padding:12px 20px;
    background-color:#fff;
    border:1px solid #81a196;
    color:#81a196;
    box-sizing: border-box;
}
#preform input,
#preform select {
    width:450px;
    height:60px;
    display:table-cell;
}
#preform a.whitebutton {
    width:450px;
    height:58px;
    float:left;
    margin:0 30px 30px 0;
    text-align:center;
    background-color:#fff;
    border:1px solid #739a8c;
    line-height:58px;
    text-decoration:none;
}
#preform a.whitebutton:hover {
    background-color:#739a8c;
    color:#fff;
}

/* Mainform--------------------------------------------------------------------------------------------------------- */
#mainform .widget {
    display:block;
    margin-right:30px;
    margin-bottom:30px;
}
#mainform .widget.radio {
    margin-bottom:0;
}
#mainform .widget-submit {
    float:none;
}
#mainform label {
    width:100%;
    display:block;
}
#mainform .eingabefelder input,
#mainform .eingabefelder textarea,
#mainform.newsletter input,
#mainform input.field{
    width:100%;
    height:60px;
    left:2px;
    position:relative;
    padding:12px 20px;
    background-color:#fff;
    border:1px solid #81a196;
    color:#81a196;
    box-sizing: border-box;
}
#mainform .datum input{
    display: flex;
    justify-content: left;
}
#mainform .maininput input,
.maininput select {
    width:450px;
    height:60px;
    float:left;
    background-color:#e0e7e3;
    border:0px solid;
}
#mainform .eingabefelder textarea {
    height:180px;
}
#mainform select,
#preform select {
    width:100%;
    height:60px;
    left:2px;
    position:relative;
    padding:12px 20px;
    background-color:#fff;
    border:1px solid #81a196;
    color:#81a196;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
        -moz-border-radius: 0;
    /* Firefox 1-3.6 */     
        border-radius: 0;
}
#mainform select.select,
#preform select.select {
    background-repeat:no-repeat;
    background-image:
            linear-gradient(45deg, transparent 50%, #81a196 50%),
            linear-gradient(135deg, #81a196 50%, transparent 50%);
    background-position:
            calc(100% - 20px) 50%,
            calc(100% - 15px) 50%,
            100% 0;
    background-size:
            5px 5px,
            5px 5px,
            60px 60px;
}
#mainform input.checkbox {
    height:60px;
    float:left;
    margin-right:30px;
    margin-left:0;
    padding:0;
    vertical-align:middle;
    border:1px solid #81a196;
}
#mainform .fontgreen input.checkbox {
    height:20px;
}
#mainform fieldset.fontgreen,
#mainform fieldset.uebernachtungen,
#mainform fieldset.gruppenzimmer,
#mainform fieldset.rechnung {
    height:60px;
    margin-right:auto;
    padding:0;
    vertical-align:middle;
    text-align:left;
    border:0px solid #fff;
}
#mainform fieldset.fontgreen {
    height:20px;
    margin-right:auto;
    margin-bottom:60px;
    padding:0;
    vertical-align:middle;
    text-align:left;
    border:0px solid #fff;
}
#mainform .fontgreen label {
    height:20px;
    display:block;
    padding:0;
    vertical-align:middle;
    line-height:20px;
    color:#81a196;
}
#mainform .fontgreen a {
    text-decoration:underline;
    color:#81a196;
}
#mainform .rechnung legend {
    float:left;
    margin-right:115px;
}
#mainform .rechnung span {
    width: 300px !important;
}
#mainform .rechnung label {
    width: 100% !important;
}
#mainform fieldset.hilfsmittel {
    margin-right:auto;
    padding:0;
    vertical-align:middle;
    text-align:left;
    border:0px solid #fff;
}
#mainform fieldset.hilfsmittel span {
    height:60px;
    display:flex;
}
#mainform .hilfsmittel input.checkbox {
    height:30px;
    float:none;
    margin-right:30px;
    margin-left:0;
    padding:0;
    vertical-align:middle;
    border:1px solid #81a196;
}
#mainform .hilfsmittel label {
    height:30px;
    display:block;
    padding:0;
    vertical-align:middle;
    line-height:30px;
}
#mainform .radio span {
    width:200px;
    float:left;
}
#mainform .radio label {
    width:180px;
    display:inline;
}
#mainform .activatefield .checkbox_container,
#mainform .newsletter .checkbox_container {
    display:inline-block;
    margin:0;
    padding:0;
    border-style:hidden;
}
#mainform .activatefield,
#mainform .newsletter {
    height:30px;
}
#mainform fieldset.activatefieldset,
#mainform fieldset.newsletter {
    margin:0;
    padding:0;
    border-style:hidden;
}
#mainform .activatefield legend {
    float:right;
}
#mainform .activatefieldset legend {
    display:none;
}

/* Checkbox------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#mainform .checkbox {
    position:absolute;
    opacity: 0;
}
#mainform .widget-radio fieldset.radio_container .radio {
    display:none;
}
#mainform .activatefield legend {
    display:none;
}
#mainform fieldset.checkbox_container,
#mainform fieldset.radio_container {
    width:100%;
}
#mainform .checkbox + label:before,
#mainform .radio + label:before {
    width:15px;
    height:15px;
    display:inline-block;
    margin-right:30px;
    padding:2px;
    vertical-align:middle;
    text-align:center;
    background-color:#fff;
    border:1.3pt solid #81a196;
    content: "";
}
#mainform  .checkbox_container input,
#mainform  .checkbox_container label,
#mainform  .radio_container input,
#mainform  .radio_container label {
    display:inline-block;
    margin:5px;
    vertical-align:middle;
    cursor: pointer;
}
#mainform  .checkbox_container label,
#mainform  .radio_container label {
    position:relative;
}
#mainform .checkbox:checked + label:before,
#mainform .radio:checked + label:before {
    background-color:#81a196;
    box-shadow: inset 0px 0px 0px 4px  #fff;
}

/* Global--------------------------------------------------------------------------------------------------- */
button {
    width:450px;
    height:60px;
    left:1px;
    position:relative;
    background-color:#739a8c;
    border:1px solid #739a8c;
}
button:hover {
    background-color:#fff;
    border:1px solid #739a8c;
    color:#739a8c;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    margin:0;
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}
p.error {
    font-weight:bold;
    color:#f00;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    text-decoration:underline;
}

//* -----------------------------------Statusliste-----------------------------------------
#meter {
    width:448px;
    height:60px;
    left:1px;
    position:relative;
    overflow:hidden;
    float:none;
    clear:both;
    display:none;
    background-color:#fff;
    border:1px solid #739a8c;
    color:#739a8c;
    text-shadow: -1px -1px 1px hsl(0,0%,100%), 1px 1px 1px hsl(0,0%,100%);
}
#meter span {
    height:100%;
    display:block;
}
#meter span p.text {
    width:460px;
    height:60px;
    text-align:center;
    line-height:60px;
}
.progress {
    background-color:#739a8c;
    animation: progressBar 8s ease-in-out;
    animation-fill-mode:both;
}
@keyframes progressBar {
    0% { width: 0; } 100% { width: 100%; }
}*//