@font-face {
    font-family: bewerbungfontlight;
    src: url(./fonts/SourceSansPro-Light.woff);
    
    
}

@font-face {
	font-family: bewerbungfontextralight;
   src: url(./fonts/SourceSansPro-ExtraLight.woff);	
	
}

@font-face {
	font-family: bewerbungfontregular;
   src: url(./fonts/SourceSansPro-Regular.woff);
   
}

body{
    font-family: bewerbungfontregular;
}

.forminput{
    margin-bottom: 5px;
}

.formlabel{
    display: inline-block;
    /* width: 150px; */
    /* text-align: end; */
    margin-bottom: 2px;
}

input[type=text],input[type=password]{
    border-width: 1px;
    border-style: solid;
    border-color: lightgray;
    border-radius: 4px;
    outline: none;
    transition: border-color 0.7s;
}

input[type=submit]{
    font-family: bewerbungfontregular;
}

input[type=text]:focus,input[type=password]:focus{
    border-color: aquamarine;
}
   
input[type=text]:hover,input[type=password]:hover{
    border-color: aquamarine;
}

input[type=text]:hover::placeholder,input[type=password]:hover::placeholder{
    border-color: aquamarine;
    font-family: bewerbungfontregular;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    font-family: bewerbungfontlight;
}

.mitte{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width:25%;
    min-width: 300px;
}

.formmitte{
    width: 100%;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.formcaption{
    text-align: center;
    width: 100%;
    
}
.flabel{
    display: flex;
    width: 50%;
    flex-flow: column;
    /*height: 50%;*/
    text-align: end;
    padding-right: 5px;
    
}

.finput{
    /* display: flex; */
    width: 50%;
    flex-wrap: wrap;
    height: 50%;
    text-align: left;
    padding-left: 5px;
}


.formsubmit1{
    padding: 0 10px 0 10px;
}

.eingabe{
    /*width:70%;*/
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /*text-align: center;*/
    display: flex;
    margin-bottom: 5px;
}

.senden{
    text-align: center;
}

.lerror{
    text-align: center;
    color: red;
    font-weight: bold;
}

.gradient{
    width:300px;
    height: 150px;
    display: block;
    background: rgb(0,0,0);
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%,rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
    border-style: solid;
}

.star{

}