/*-- 
Name:          Startadvise, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Url:           https://startadvise.de
Description:   Startadvise, Kanzlei für Wirtschaftsrecht, Rechtsanwalt Norman Stegemann, Königstein im Taunus
Version:       1.0 Neuumsetzung Responsive
______________ Webdesign by elf42 - Hameln Emmerthal */

/*-- 
_________________________ startadvise [© by elf42] -- */


form, 
.f-row, .f-row-1 {  display: flex; justify-content: flex-start;
                    /*flex-wrap: wrap; */flex-direction: column; margin-bottom: var(--ab); }

.f-row-1 {          flex-direction: row; }


form {         width: auto; overflow:auto;
               margin:0 auto 0 auto; padding: 0; 
               background: var(--no); }

form p {padding: 0 var(--a10);}

/* adresse */
.f-row {            width: 100%; align-items : flex-end; } 
.f-row label {      width: 100%; }
.f-row label span { display: block; }

/* checkbox, radio */
.f-row-1 {          align-items : center; width: 100%; }
.f-row-1 label {    width: auto; }



label {              width: 100%; padding: var(--a15); background: var(--no); text-align:left; cursor: pointer; }


::placeholder {       opacity:1; padding: var(--a10); color: rgba(var(--m82t),0.8); transition: opacity 1s; }
:focus::placeholder { opacity:0; }

label span {          color: var(--tr); }

input, textarea, 
input[type="checkbox"], input[type="radio"], input[name="dsgvo"] { 
                      appearance: none; -webkit-appearance: none; -moz-appearance: none; }

input, textarea { 
                      width: 100%; padding: 6px; transition: 1s;
                      box-sizing: border-box; outline: none; 
                      border: 0; border-bottom: 2px solid var(--m212); border-radius:0; }

textarea {            min-height: var(--a200); overflow: auto; }

input:invalid {            background-color: var(--no); }

textarea:hover, textarea:focus
input:hover, input:focus { border-bottom-color: var(--ci01); border-radius:0; transition: 1s; }

input[type="checkbox"], 
input[type="radio"], 
input[name="dsgvo"] {     width: 20px; height: 20px; margin: 0 15px 0 0; padding: 10px;
                          display: inline-block; vertical-align: middle; cursor: pointer;
                          background: var(--m255); border: 1px solid var(--ci01); border-radius: 4px; } 
input[type="radio"] {                                                             border-radius: 18px; } 

input[type="checkbox"]:hover, 
input[type="radio"]:hover, 
input[name="dsgvo"]:hover {                        border: 1px solid var(--ci01); } 

input[type=checkbox]:checked { background: url(img/hg-checkbox.svg) center no-repeat; background-size: 70%; background-color: var(--ci01); }
input[type=radio]:checked {    background: url(img/hg-radio.svg) center no-repeat;    background-size: 70%; background-color: var(--ci01); }


/* hanni */
label[for=fax], input[type=fax] { display: none; }

.dschutz {  display:flex; flex-wrap: wrap; justify-content: space-between; align-content: flex-start;
            margin: var(--ab) 0; }
.dschutz label { width: 10%; }
.dschutz span { width: 90%; }

label.dsgvo {                     display: block; padding: var(--a10); margin: 0;
                                  color: rgba(var(--m82t),0.7); text-align:left; }
label.dsgvo a:any-link {          color: rgba(var(--m82t),0.7); text-decoration: underline; background: var(--no); border: var(--no); }





  @media only screen and (max-width: 599px) {
} @media only screen and (min-width: 600px ) {
 @media only screen and (max-width: 767px) {
.f-row-1 {          flex-direction: column; }
.f-row-1 {          align-items : start; width: 100%; }
} @media only screen and (min-width: 768px ) {
} @media only screen and (min-width: 980px ) {}