@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

body
{
	padding:0;
	margin:0;
}

/*Start__navbar*/
.navbar 
{
	width:100%;
	height:72px;
	padding-left:30px;
	display:flex;
	align-items:center;
	z-index: 10;
	background:#fc0;
}



.navbar .container{
	max-width: 1440px;
	padding-left:20px;
	padding-right:20px;
}

@media (max-width:1445px) {
	.navbar .container{
       padding-left:0px;
       padding-right:0px;
	}
}
.navbar  a
{
	padding-top:0;
}

.navbar  img
{
	width:79px;
	height:28px;
}
/*End__navbar*/


/*Start__home*/
.home 
{
	width:100%;
	height:100%;
}

.home{
	.container{
		max-width: 920px;
		
	}
}

@media (max-width:950px) {
	.container{
       padding-left:20px;
       padding-right:20px;
	}
}

.home .over_log
{
    padding-top:61px;
}

.home .over_log img
{
	margin-bottom:22px;
}


.home .over_log .login 
{
	max-width:440px;
	width: 100%;
}

.home .over_log .login .error
{
	color:#c30;
	font-size:14px;
}

   /*start form-group*/
.home .over_log .login .rs
{
	position:relative;
}

.home .over_log .login .rs .idee
{
    height:50px;
    line-height: 50px;
}

.home .over_log .login .rs .idee img{
	margin-bottom: 0;
}

.home .over_log .login .rs {
	display: flex;
	align-items: flex-end;
}

.home .over_log .login .rs .form-group{
	position: relative;
	width: 100%;
}

.home .over_log .login .rs .form-control {
	width: 100%;
}

.home .over_log .login .rs .close_text,
.home .over_log .login .rs .close_password
{
	position:absolute;
	right:10px;
    top:47px;
}

.home .over_log .login .rs{
    gap:15px;
}

.home .over_log .login .rs .eys_open,
.home .over_log .login .rs .eys_slipen
{
	position:absolute;
	right:10px;
    top:47px;
}


.home .over_log .login .rs .double
{
	display:none;
}

.home .over_log .login .rs input:focus 
{
    border:2px solid black;
}  

.home .over_log .login .rs input::placeholder 
{
    color: rgba(0, 0, 0, 0.7);
    font-size: 15px !important;
}  


.home .over_log .login .rs .eys_open,
.home .over_log .login .rs .eys_slipen
{
	position:absolute;
	right:10px;
    top:47px;
}

.home .over_log .login .rs .eys_slipen
{
	display:none;
}

.home .over_log .login .form-group
{
	margin-bottom:30px;
}

.home .over_log .login .form-group label
{
	margin-bottom:10px;
	font-size:14px;
	font-weight:700;
	color:rgba(0, 0, 0, 0.8);
}

.home .over_log .login .form-group .form-control
{
	border: 1px solid #949494;
    outline: none;
    box-shadow: none;
    height:50px;
    padding:10px 60px 10px 20px;
    border-radius:5px;
}

.home .over_log .login .form-group  input::-webkit-input-placeholder{font-size:14px;font-weight: normal}

.home .over_log .login .rem
{
    margin-bottom:20px;
}

.home .over_log .login .form-group .remamber
{
    margin-bottom:0;
    padding-left:20px;
    font-size:14px;
    font-weight:normal;
    color: rgba(0, 0, 0, 1);
}

     /*forget*/
.home .over_log .login .forget a
{
	text-decoration:none;
    color: rgba(0, 0, 0, 1);
    font-size:14px;
    padding-left:5px;
}

     /*bottona one*/
.home .over_log .login .botona_one
{
	text-align:right;
	margin-top:20px;
}

.home .over_log .login .botona_one .btn
{
	padding: 13px 20px 13px;
    background: #fc0;
    font-weight:600;
    margin-left:auto;
    border:2px solid #fc0;
} 

.home .over_log .login .botona_one .btn:hover
{
	border:2px solid #000;
}

    /*Noch_nicht*/
.home .over_log .login .noch
{
	margin-top:60px;
}

.home .over_log .login .noch img
{
	margin-bottom:10px;
}

.home .over_log .login .noch .noch_pro
{
	display:none;
}

     /*bottona Two*/
.home .over_log .login .botona_two
{
	text-align:right;
}

.home .over_log .login .botona_two .btn
{
	padding: 13px 20px 13px;
    background: white;
    font-weight:600;
    margin-left:auto;
    border:2px solid black;
} 

    /*paragraph*/

.home .over_log .login .para 
{
	margin-top:50px;
	margin-bottom:35px;
	color:black;
	font-size:14px;
	font-weight:500;
}

.home .over_log .login .para a 
{
	color:black;
}

    /*binotigon*/
.home .over_log  .binoti 
{
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 11px 0 0;
    margin-bottom:80px;
}

.home .over_log  .binoti img 
{
	margin-bottom:0;
}

.home .over_log  .binoti p
{
	color:black;
	font-size:14px;
	font-weight:400;
	display:flex;
	align-items:center;
}

.home .over_log  .binoti a 
{
	color:black;
}

.home .over_log  .binoti i 
{
	color:black;
	font-size: 20px;
}

.home .over_log  .binoti .bonoti_pro
{
	display:none;
}


  /*####---login_msg-----*/
.home .over_log .h1_pro
{
   display:none;
}

     /*bottona one*/
.home .over_log .login .botona
{
    display:flex;
	margin-top:20px;
	justify-content:space-between;
	margin-bottom:60px;
}

.home .over_log .login .botona .btn
{
	padding: 13px 20px 13px;
    background: #fc0;
    font-weight:600;
    height: 55px;
} 

.home .over_log .login .botona .anmelden:hover
{
	border:2px solid #000;
}


.home .over_log .login .botona .Zurück 
{
	padding: 13px 20px 13px;
    background: white;
    font-weight:600;
    border:2px solid black;
} 

  /*####---End login_msg-----*/

/*End__home*/


/*Start__fotter*/
.fotter
{
   color:white;
   padding:15px 0;
}

.fotter .left
{
   display:flex;
   align-items:center;
}

.fotter .left img
{
	width:45px;
	height:45px;
}

.fotter .left span
{
	margin-left:20px;
	font-size:16px;
}

.fotter .right
{
	width:100%;
	height:100%;
}

.fotter .right ul
{
    display:flex;
    align-items:center;
    padding-left:0;
    list-style:none;
    margin-bottom:0;
    height:100%;
    justify-content:space-between;
}

.fotter .right ul li
{
    padding:10px 15px;
    border-radius:5px;
    font-size:15px;
    font-weight:600;
    margin-right:27px;
}
/*Start__fotter*/




@media (max-width:767px)
{
	.navbar 
	{
		height:57px;
		padding-left:20px;
		width:100%;
	}

	.navbar  img
	{
		width:56px;
		height:20px;
	}

	.home .over_log
	{
	    padding-top:40px;
	}

	.home .over_log .login .noch .noch_pro,
	.home .over_log  .binoti .bonoti_pro
	{
		display:block;
	}

	.home .over_log .login .noch .noch_full,
	.home .over_log  .binoti .bonoti_full
	{
		display:none;
	}

    .home .over_log .login .btn
    {
    	width:100%;
    }

    /*page__index*/
	.home .over_log .login .botona
	{
	    display:block;
		margin-top:20px;
		margin-bottom:20px;
		width:100%;
	}

	.home .over_log .login .botona .btn
	{
		padding: 13px 20px 13px;
	    font-weight:600;
	    width:100%;
	    margin-bottom:20px;
    } 

    .home .over_log  .h1_pro
    {
        display:block;
    }

    .home .over_log  .h1_index
    {
        display:none;
    }

}

@media (max-width:991px)
{
	.fotter .left
    {
   	  display:grid;
   	  text-align:center;
    }
 
    .fotter .left img 
    {
	  width: 65px;
	  height: 65px;
	  margin: 0 auto;
	  margin-top:50px;
    }  

    .fotter .left span
    {
   	  margin-left:0;
   	  margin-top: 20px;
   	  margin-bottom: 30px;
    }

    .fotter .right ul
    {
   	  border-top: 1px solid #333;
    }

   .fotter .right ul li
   {
   	  margin-right:0;
      padding:10px 0;
   }
}

@media (max-width:0) and (max-width:500px) 
{
	.fotter{
		width:100%;
	}
}