@media screen and (max-width:650px){
	.login,.paworthilfe{
		width:351px;
		grid-template-rows: 30% 20% 20% 30%;
		 margin: 0 auto;
	}
	.login #back
	{
	    cursor: pointer;
	    position: relative;
	    right: -23px;
	    top: -10px;
	    float: right;
	}
	
	#sticky-banner {
	    width: 100% !important;
	    background-color: white !important;
	    z-index: 999 !important;
	    position: absolute !important;
	     top: 0 !important; 
	}
	#Unternehmensclient #NavBar button {
    	padding: 0px 0 50px 0;
	}
}
@media screen and (min-width:651px){
	.login,.paworthilfe{
	    width: 512px;
	    height: 538px;
	    grid-template-rows: 30% 25% 25% 30%;
	     margin: 0px auto ;
	}
	#sticky-banner {
	    width: 100% !important;
	    background-color: white !important;
	    z-index: 999 !important;
	    position: absolute !important;
	     top: 0 !important; 
	}
	#Unternehmensclient .PPraktikumseingabeHeader_text, #Lehrerclient .PraktikumssucheHeader_text  
	{
		    width: 972px;
	}
}
@media screen and (max-width:650px){
	#login-header,#paworthilfe-header{
	    width: 288px;
	    margin: 24px 24px 0 24px;

	}
}
@media screen and (min-width:651px){
	#login-header,#paworthilfe-header{
	    margin: 48px 48px 0 48px;
	    font-size: 48px;
	}
}
@media screen and (max-width:650px){
	.Ueberschriften{
	    width: 100%;
	    height: 43px;
	    margin: 0 ;
	    font-size: 36px;
	}
}
@media screen and (min-width:651px){
	.Ueberschriften{
	    height: 54px;
	    margin: 0 48px 12px 0;
	    font-size: 48px;
	}
}
@media screen and (max-width:650px){
	.Login-text{
		font-size:15px;
		line-height : 24px;
	}
}
@media screen and (min-width:651px){
	.Login-text{
		height: 26px;
		font-size: 22px;
		line-height: 1.18;
		margin:24px 0 0 0;
	}
}
@media screen and (max-width:650px){
	.user,.newPW{
		font-size: 16px;
		margin-left:24px ;
	}
	.PW_FORGOTTE{
		font-size: 16px;
		margin-left:24px ;
		margin-top:30px;
	}
}
@media screen and (min-width:651px){
	.user,.PW_FORGOTTE,.newPW{
		font-size: 22px;
		margin:48px 0 0 48px ;
	}
}
@media screen and (max-width:650px){
	.Login_input-text,
	.newPW .PW_input-text{
		font-size: 16px;
	}
}
@media screen and (min-width:651px){
	.Login_input-text,
	.newPW .PW_input-text{
		font-size: 22px;;
	}
}
@media screen and (max-width:650px){
	#username, #email,#new-passwort-fild,#confim-password-field{
		width: 288px;
	}
}
@media screen and (min-width:651px){
	#username, #email,#new-passwort-fild,#confim-password-field{
		width: 415px;
	}
}
@media screen and (max-width:650px){
	.PW,.ConfirmPW{
		margin: 13px 0 0 24px;
	}
}
@media screen and (min-width:651px){
	.PW,.ConfirmPW{
		margin: 13px 0 0 48px;
	}
}
@media screen and (max-width:650px){
	.PW_input-text,
	.ConfirmPW .Confim_PW_input-text{
		font-size: 16px;
	}
}
@media screen and (min-width:651px){
	.PW_input-text,
	.ConfirmPW .Confim_PW_input-text{
		font-size: 22px;
	}
}
@media screen and (max-width:650px){
	#password-field{
		width: 288px;
	}
}
@media screen and (min-width:651px){
	#password-field{
		width: 415px;
		margin-bottom: 11px;
	}
}
@media screen and (max-width:650px){
	.PS_FORGOTTE{
		font-size: 16px;
		margin:12px 0 24px 24px;
	}
}
@media screen and (min-width:651px){
	.PS_FORGOTTE{
		font-size: 18px;
	}
}
@media screen and (max-width:650px){
	#loginBtn,#PWSendBtn,#back1{
		width: 288px;
		margin: 54px 0 0px 24px;
	}
	#changePw{
		width: 288px;
		margin:0px 0 50px 24px;
	}
}
@media screen and (min-width:651px){
	#loginBtn,#changePw,#PWSendBtn,#back1{
		width: 415px;
		margin: 24px 0 48px 48px;
	}
}@media screen and (max-width:650px){
	#Unternehmensclient .PraktikumseingabeHeader,
	#Lehrerclient .PraktikumseingabeHeader{
		margin-bottom: 16px;
		font-size: 36px;
	}
}
@media screen and (min-width:651px){
	#Lehrerclient .PraktikumseingabeHeader{
		margin-bottom: 24px;
		font-size: 45px;
	}
}@media screen and (max-width:650px){
	#Unternehmensclient .PraktikumseingabeHeader_text,
	#Lehrerclient .PPraktikumseingabeHeader_text{
		opacity: 0.8;	
		margin-bottom: 16px;
		font-size: 16px;
		line-height:24px;
	}
}
@media screen and (min-width:651px){
	#Unternehmensclient .PraktikumseingabeHeader_text,
	#Lehrerclient .PraktikumseingabeHeader_text{
		opacity: 0.7;
		margin-bottom: 24px;
		font-size: 22px;
	}
}@media screen and (max-width:650px){
	#Logout-Banner {
    	top: 62px;
    	grid-template-columns: 0% 50% 50%;
    	position: relative;
	}
}
@media screen and (min-width:651px){
	#Logout-Banner {
    	/*top: 126px;*/
    	grid-template-columns: 50% 40% 10%;
    	position: relative;
	}
}@media screen and (max-width:650px){
	#wrapper #header #Logout-Banner #Name {
		line-height:24px;
		margin-left: 0;	
	}
	#wrapper #header #Logout-Banner #Name b {
		font-size: 16px;	
	}
	.fa-user-circle{
		font-size: 22px;	
	}
}
@media screen and (min-width:651px){
	#wrapper #header #Logout-Banner #Name{
	font-size: 20px;	
	margin-left: auto;	
	}
}@media screen and (max-width:650px){
	#wrapper #header #Logout-Banner #Logout{
		margin-left: auto;
    	width: 130px;
	}
		#wrapper #header #Logout-Banner #Logout b {
		font-size: 16px;	
	}
	.fa-sign-out-alt{
		font-size: 22px;	
	}
}
@media screen and (min-width:651px){
	#wrapper #header #Logout-Banner #Logout{
		margin-left: 21px;
		margin-bottom:0px;
		width: 172px;
		font-size: 20px;
		
	}
}@media screen and (max-width:650px){
	#login-navigations-bereiche{
		top: 62px;
		margin-top: 0px;
		left: 0%;
	}
}
/*@media screen and (min-width:651px){*/
/*	#login-navigations-bereiche{*/
		/*margin-top: 68px;*/
		/*left: 12%;*/
		/*width: 1443px;*/
		/*top: 62px;*/
/*		position: relative;*/
/*	    top: 126px;*/
/*	}*/
/*}*/
@media screen and (max-width:650px){
	#login-navMain {
		padding: 48px 12px 48px 48px;
	}
}
@media screen and (min-width:651px){
	#login-navMain {
	padding: 48px 56px 0 0;
    position: absolute;
    right: 0;
    top: 26px;
    /*padding: 48px;*/
    /*top: 125px;*/
    /*position: fixed;*/
	}
}
@media screen and (max-width:650px){
	#login-logo {
		padding:47px 47px 61px 12px
	}
}
@media screen and (min-width:651px){
	#login-logo {
	    /*padding: 48px;*/
	    /*position: relative;*/
    	/*left: -28px;*/
    	/*top: 26px;*/
    	padding: 48px 0 0 50px;
	    position: relative;
	    top: 26px;
	}
}
@media screen and (max-width:650px){
	.StepHeader{
		width: 45px;
	}
.StepHeader > h1{
    
    height: 44px;
    font-size: 54px;
    margin-right:25px;
  }
}
@media screen and (min-width:651px){
	.StepHeader > h1{
        width: 26px;
        height: 72px;
        font-size: 72px;
        margin-right:42px;
	}
}
@media screen and (max-width:650px){
    .header-text{
	margin: 0px 0 24px 0;
    font-size: 18px;
    line-height: 24px;

    }
}
@media screen and (min-width:651px){
    .header-text{
        margin: 5px 0 24px 0;
        font-size: 22px;
        line-height: 1.18;

    }
}
@media screen and (max-width:650px){
	#Unternehmensclient #hru{
		margin: 0 0 24px 0;
	}
	#Lehrerclient hr,
	#Unternehmensclient hr{
		margin: 0 0 24px 0;
	}
}
@media screen and (min-width:651px){
	#Unternehmensclient #hru{
		margin: 0 0 43px 0;
	}
	#Lehrerclient hr,
	#Unternehmensclient hr{
		margin: 48px 0 43px 0;
	}
	#Unternehmensclient #PeSelectDokuments #list button{
		width:123px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate{
		margin-top: 38px;
	}
	#Unternehmensclient #PeSelectDokuments #list p:first-child{
		margin : 0 10px 0 0
	}
	#Unternehmensclient #PESave #Save,
	#Unternehmensclient #Zertifikaterstellung #Create_Cert{
		grid-column: 2;
    	font-size: 22px;
    	width: 250px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(2),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(4),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(6),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(8),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(10),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(12),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(14),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(16),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(18),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(20),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(22),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(24),
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate .fa-chevron-up, 
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate .fa-chevron-down
	{
		display:none;
		}
}
@media screen and (max-width:650px){
	#Unternehmensclient #PESave #Save,
	#Unternehmensclient #Zertifikat_AufgabenMobil #PESave #Create_Cert{
		grid-row: 1;
    	grid-column: 1 / span 2;
    	font-size: 16px;
	}
	#Lehrerclient #PSAuswahlBerufe,
	#Lehrerclient #PSAuswahlTime,
	#Lehrerclient #PSAuswahlUmkreisSuche,
	#Lehrerclient #PSAuswahlPDFDruck,
	#Unternehmensclient #PeSelectJobs,
	#Unternehmensclient #PeSelectPeriods,
	#Unternehmensclient #PeSelectDokuments,
	#Unternehmensclient #PESave {
    display: grid;
    grid-template-columns: 13% 87%;
}
	
	#Unternehmensclient #BodyDescriptionBody {
		grid-row: 2;
    	grid-column: 1 / span 2;
    	font-size:16px;
    	line-height:24px;
    	height: max-content;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody,
	#Unternehmensclient #PeSelectJobs #PeSelectJobsBody,
	#Unternehmensclient #PeSelectDokuments #PeSelectDokumentsBody{
		grid-row: 3;
    	grid-column: 1 / span 2;
    	margin:24px 0 24px 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate{
		margin: 0;
	}
	#Unternehmensclient #PeSelectJobs #PeSelectJobsBody .check{

		display:flex;
	}
	#Unternehmensclient #PeSelectJobs #PeSelectJobsBody .check input[type='checkbox']{
		width:max-content;
	}
	#Unternehmensclient #PeSelectJobs #PeSelectJobsBody #PSAuswahl {
	    margin:0 0 0 14px;
	    font-size: 16px;
	    font-weight: normal;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.73;
	    letter-spacing: normal;
	    color: #ffffff;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr{
		display:grid;
		width: 100%;
		height: max-content;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:first-child{
		display:none;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:not(:first-child) {
		height: 48px;
	    width: 48px;
	    background-color: rgba(255, 255, 255, 0.15);
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    margin-left:0px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(1){
		grid-row: 1;
    	grid-column: 1 /span 7;
    	margin: 16px 0 16px 0;
    	display:flex;
    	border:none;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate .fa-chevron-up, 
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate .fa-chevron-down{
		margin-left:auto;
		font-size: 24px;
		letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(2){
		grid-row: 2;
    	grid-column: 1;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;

	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(3){
		grid-row: 3;
		grid-column: 1;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(4){
		grid-row: 2;
    	grid-column: 2;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;

	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(5){
		
		grid-row: 3;
    	grid-column: 2;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(6){
		grid-row: 2;
    	grid-column: 3;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    	letter-spacing: 0;

	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(7){
		grid-row: 3;
    	grid-column: 3;
		margin:0 12px 16px 0;
		font-size:24px;

	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(8){
		grid-row: 2;
    	grid-column: 4;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(9){
		grid-row: 3;
    	grid-column: 4;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(10){
		grid-row: 2;
    	grid-column: 5;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(11){
		grid-row: 3;
    	grid-column: 5;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(12){
		grid-row: 2;
    	grid-column: 6;
    	margin:0 0 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}	
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(13){
		grid-row: 3;
    	grid-column: 6;
		margin:0 0 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(14){
		grid-row: 4;
    	grid-column: 1;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(15){
		grid-row: 5;
    	grid-column: 1;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(16){
		grid-row: 4;
    	grid-column: 2;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(17){
		grid-row: 5;
    	grid-column: 2;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(18){
		grid-row: 4;
    	grid-column: 3;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(19){
		grid-row: 5;
    	grid-column: 3;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(20){
		grid-row: 4;
    	grid-column: 4;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}	
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(21){
		grid-row: 5;
    	grid-column: 4;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(22){
		grid-row: 4;
    	grid-column: 5;
    	margin:0 12px 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(23){
		grid-row: 5;
    	grid-column: 5;
		margin:0 12px 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) th:nth-child(24){
		grid-row: 4;
    	grid-column: 6;
    	margin:0 0 8px 0;
    	text-align:center;
    	opacity: 0.4;
    	font-size: 16px;
    letter-spacing: 0;
	}	
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr:not(:first-child) td:nth-child(25){
		grid-row: 5;
    	grid-column: 6;
		margin:0 0 16px 0;
		font-size:24px;
	}
	#Unternehmensclient #PeSelectPeriods #PeSelectPeriodsBody #tblDate tr td p {
    	margin: 0;
    	font-size: 24px;
	}
	#Unternehmensclient #PeSelectDokuments #PeSelectDokumentsBody #list{
		margin:0;
	}
	#Unternehmensclient #PeSelectDokuments #list p{
		font-size:16px;
		line-height:24px;
		margin : 0
	}
	#Unternehmensclient #PeSelectDokuments #list button{
		width:30px;
	}
		#Unternehmensclient #PeSelectDokuments #list td:last-child button p:last-child{
		Display:none;
	}
}