form
{
background-color:transparent;
}

/* ----------------------------------------------- */

fieldset
{
border:none;
}

fieldset:not(:last-of-type)
{
margin:auto auto 1rem auto; /* 16 Pixel */
}

fieldset:nth-last-of-type(3) /* Was können wir für Dich tun ? */
{
margin:auto auto 1.5rem auto; /* 24 Pixel */
}

/* ----------------------------------------------- */

legend
{
font-weight:700;
line-height:1.5;
margin:auto auto 1rem 0rem; /* 16 Pixel */
}

legend + input[type="text"],legend + .select
{
border-top:0.0625rem solid rgba(0,0,0,1); /* 1 Pixel */
}

/* ----------------------------------------------- */

.select
{
position:relative;
z-index:0;
}

.select::after
{
content:"";
position:absolute;
right:0rem;
top:45%;
width:0rem;
height:0rem;
border-left:0.375rem solid transparent; /* 6 Pixel */
border-right:0.375rem solid transparent; /* 6 Pixel */
border-top:0.375rem solid rgba(0,0,0,1); /* 6 Pixel */
z-index:-1;
}

/* ----------------------------------------------- */

fieldset:last-of-type div /* Ausrichtung von Reset und Submit */
{
display:-webkit-flex;
display:flex;
-webkit-justify-content:space-between;
justify-content:space-between;
}

/* ----------------------------------------------- */

input,select,textarea /* Vorgegebene Formatierung entfernen */
{
border:none;
border-radius:0rem;
background-color:transparent;
outline:none;
-webkit-appearance:none;
appearance:none;
}

input[type="text"],select,textarea
{
width:100%;
padding:1rem 0rem 1rem 0rem; /* 16 Pixel */
border-bottom:0.0625rem solid rgba(0,0,0,1); /* 1 Pixel */
display:block;
}

input:not([type="checkbox"]),select,textarea
{
font-family:'Roboto',sans-serif;
font-size:100%; /* 16 Pixel */
line-height:1.5;
}

select
{
cursor:pointer;
}

textarea
{
height:8rem; /* 128 Pixel */
resize:vertical;
overflow-Y:auto; /* IE 11 */
}

input[type="checkbox"],input[type="reset"],input[type="submit"]
{
border:0.0625rem solid rgba(0,0,0,1); /* 1 Pixel */
cursor:pointer;
}

input[type="checkbox"]
{
width:1rem; /* 16 Pixel */
height:1rem; /* 16 Pixel */
line-height:1;
text-align:center;
vertical-align:middle;
margin:auto 0.625rem 0.125rem auto; /* 10 Pixel / 2 Pixel */
display:inline-block;
}

input[type="reset"],input[type="submit"]
{
-webkit-flex:0 47%;
flex:0 47%;
padding:2.5rem 0rem 2.5rem 0rem; /* 40 Pixel */
}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@supports (-moz-appearance:none) /* Firefox / Android */
{

/* ----------------------------------------------- */

select
{
text-indent:-0.0625rem; /* 1 Pixel */
overflow:visible;
}

select:-moz-focusring
{
color:transparent;
text-shadow:0rem 0rem 0rem rgba(0,0,0,1); /* https://www.macrone.de/das-html-select-element-pure-css-styling/ */
}

::-moz-focus-inner
{
border:none;
}

/* ----------------------------------------------- */

}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

select::-ms-expand /* IE 11 */
{
display:none;
}

select:focus::-ms-value /* IE 11 */ /* https://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
{
color:inherit;
background-color:transparent;
}

/* ----------------------------------------------- */

option
{
background-color:rgba(245,239,224,1);
}

/* ----------------------------------------------- */

:-ms-input-placeholder /* IE 11 */ /* https://stackoverflow.com/questions/22199047/placeholder-css-not-being-applied-in-ie-11 */
{
color:rgba(0,0,0,1);
}

/* ----------------------------------------------- */

:not(:focus)::placeholder
{
color:rgba(0,0,0,1);
opacity:1; /* Firefox */
}

:focus::placeholder
{
color:rgba(0,0,0,0.4);
}

/* ----------------------------------------------- */

:checked::after
{
content:"\2715";
}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@supports (-ms-ime-align:auto) /* Edge */
{

/* ----------------------------------------------- */

::-ms-check
{
border:none; /* Edge */
}

/* ----------------------------------------------- */

}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

::-ms-check /* Edge / IE 11 */
{
background-color:transparent;
}

/* ----------------------------------------------- */

.aktiv
{
color:rgba(128,0,0,1);
}

/* ----------------------------------------------- */

body
{
background-color:rgba(245,239,224,1);
}

/* ----------------------------------------------- */

/* ----------------------------------------------- */

/* ----------------------------------------------- */

@media print
{

/* ----------------------------------------------- */

.select::after
{
content:none;
}

/* ----------------------------------------------- */

}