.head{
	background:#265ea8;
	color:#fff;
	padding:25px;
}
.head .right{
	text-align:right;
}
.head a{
	color:#fff;
}
.head .btn{
	border-radius:25px;
	border:1px solid #fff;
	color:#fff;
	padding:10px 25px;
	margin-left:15px;
}



.title{
	font-size:40px;
	color:#265EA8;
}
.title-blue {
	color:#265EA8;
}
.title-green {
	color:#009a72;
}
.subtitle{
	color:#808080;
}

.box{
	box-shadow: 0px 0px 15px #00000029;
	border-radius: 17px;
	opacity: 1;
	padding:30px;
	font-size:18px;
	margin-top:35px;
}

.meinedaten .box {
	height: 250px;
}

.box strong{
	font-size:20px;
}
.box.green{
	background:#009B72;
	color:#fff;
}
.box .btn{
	width:100%;
	border-radius:23px;
	padding:10px;
	color:#fff;
}
.box.green .btn{
	border:1px solid #fff;
}
.box.green strong{
	display:block;
	margin-bottom:5px;
}
.box .far{
	font-size:80px;
	display:block;
	margin-bottom:35px;
	margin-top:15px;
}
.box.greentxt .far{
	color:#009B72;
}
.box.greentxt strong{
	color:#009B72;
	display:block;
	margin-bottom:15px;
	font-size:20px;
}
.box.greentxt .btn{
	background:#009B72;
}
.box.bluetxt .far{
	color:#265EA8;
}
.box.bluetxt strong{
	color:#265EA8;
	display:block;
	margin-bottom:15px;
	font-size:20px;
}
.box.bluetxt .btn{
	border:1px solid #265EA8;
	color:#265EA8;
}
.box .delete{
	color:#BC2A2A;
	font-size:14px;
	display:block;
	margin-top:15px;
}

.upload-dokumenct-overlay {
	position: absolute;
	width: 100%;
	height: 420px;
	background: rgba(0,0,0,.8);
	color: #fff;
	z-index: 9999;
	margin: 30px 0 0 -15px;
	border-radius: 6px;
}

.overlay-content {
	padding: 80px;
	text-align: center;
}

.overlay-upload-step-2 {
	display: none;
}

footer{
	background:#162231;
	padding:25px;
	color:rgba(255,255,255,0.50);
	margin-top: 300px;
}

.signature-box {
	background: #fff;
	width: 500px;
	padding: 25px;
}

#signature {
	border-bottom: 2px solid #666;
}

.menue-customer-opener:hover {
	cursor: pointer;
}

.menue-customer-overlay {
	display: none;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.4);
	padding: 15px 20px 5px 20px; 
	position: absolute;
	z-index: 999;
	width: 200px;
	right: 0;
}

.menue-customer-overlay a {
	color: #000;
	display: block;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.menue-customer-overlay a:last-child {
	border-bottom: none;
}

.menue-mobile-opener {
	display: none;
}

.user-invoices {
	padding-top: 100px;
}

@media only screen and (max-width:480px){
	
	.menue-desktop-opener {
		display: none;
	}
	
	.menue-mobile-opener {
		display: block;
		font-size: 32px;
		padding-top: 30px;
	}
	
	.head{
		text-align:center;
		padding-top:35px;
	}
	.head img{
		margin-bottom:10px;
	}
	.head .btn{
		margin:0;
		width:100%;
	}
	.head .right{
		position:absolute;
		right:5px;
		top:5px;
	}
	
	.mt-5{
		margin-top:0!important;
	}
	.p-5{
		padding:50px 15px!important;
	}
	
	footer, footer .text-right{
		text-align:center!important;
	}
	footer img{
		margin-bottom:15px;
	}
	
	.upload-dokumenct-overlay {
		height: 1400px;
	}
	
	.overlay-content {
		padding: 30px;
	}
		
}