
/* 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.newsletter input.text {
    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 .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;   
    -webkit-border-radius: 0;  /* 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-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;
      background-repeat: no-repeat;
}
#mainform input.checkbox {
    height:20px;
    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 {
    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 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;
}

/* 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;
}
a.buttonklein:hover {
    text-decoration:none;
}
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;
}
p.error {
    font-weight:bold;
    color:#f00;
}
a {
    text-decoration:none;
    color:#000;
}
a:hover {
    text-decoration:underline;
}
table.center {
    width: 90vw !important;
    max-width: 1170px !important;
}

/* Newsletter_Bilderhoehe---------------------------------------------------------------------------------------------------------------------------------------------- */
.layout1170 img.logo {
    width:50vw;
    max-width:500px;
}
img {
    max-height: 100% !important;
}
.newsletter img.first,
.newsletter img.last {
    margin-right:30px;
    margin-bottom:30px;
}
.mod_newsletterreader p.back {
    display:none;
}
