body {
	font-family: Arial,sans-serif;
	font-size: 1rem;
	
}


@media screen and (min-width: 1000px) {
   	.card-container{
		margin: auto;
		width:600px;

		height:900px;
		background-color: rgb(110, 255, 255);

		position: relative;


	}
   	.card-container-1{
		margin: auto;
		width:600px;

		height:900px;
		background-color:  #f7ffcc;
		position: relative;

	}
}


@media only screen and (hover: none) and (pointer: coarse){
	.card-container{
		margin: auto;
		width:100%;

		height:100vh;
		background-color: rgb(110, 255, 255);
		position: relative;


	}
	.card-container-1{
		margin: auto;
		width:100%;

		height:100vh;
		background-color: #f7ffcc;
		position: relative;


	}
}



.inline {
  display: inline;
}

.link-button {
  background: none;
  border: none;
  color: dimgrey;
  text-decoration: none;
  cursor: pointer;
  font-size: 1em;
}
.link-button:focus {
  outline: none;
}
.link-button:active {
  color:red;
}


.fileinfo {
  padding-top: 4rem;
  font-size: 1.5rem;
  font-weight: 300;
  color: #242410;
}

.m5{
	padding-top: 10rem;
}



.form-group {
	text-align: center;
}

.input-label{
	cursor: pointer;
	font-size: 4rem;
	background-color: #f0f0f0;
	border-radius: 10px;
	padding: 2rem;
	margin: 0 auto;
}

.input-label:hover{
	background-color: #f0f000;
}

.portrait{
	  width: 40%;
	  object-fit: contain;
	  margin: auto;
	  display:block;

	  padding-top: 40px;
	  padding-bottom: 0;
}
.logo{
	  width: 90%;
	  object-fit: contain;
	  margin: auto;
	  display:block;

	  padding-top: 10px;
}

.namefield{
	width:86%;
	margin: auto;
	display:block;

	padding-top: 0;            
}

hr{
    color: #f00 !important;
    background-color: #f00 !important;

    margin: 1rem 0;
}

.category{
	font-size: 0.9rem;
	margin-bottom:5px;

}

.name{
	font-size: 1.6rem;
	margin:0;

}

.info{
	margin-top: 3rem;
	margin-bottom: 2rem;

}
.info-text-headline{
	font-size: 0.9rem;
	font-weight: 100;
	margin: 0.05rem 0;
}

.info-text{
	font-size: 1.1rem;
	font-weight: 900;
	margin: 0.05rem 0;
}

.address{
	font-size: 0.7rem;
	width:100%;
	position: absolute;
  	bottom: 0;
  	margin-bottom: 1rem;

}

.address-margins{

	width:86%;
	margin: auto;
	display:block;

}

.address-text{
	
	font-weight: 100;
	margin: 0.05rem 0;
}
.address-header{
	font-weight: 900;
	margin: 0.05rem 0;
}
.group{

	margin: 0.7rem 0;
	padding: 0.1rem 0;
}

.red-slash{

	color:#f00;
	font-weight: 900;
}






.validity-field {
  margin: auto;
  width: 86%;
  padding-top: 2.4rem;
  padding-bottom: 3rem;
}

.validity-header {
	font-size:0.7rem;
  float: left;
}




.validity-year {
  float: right;
  background-color: rgba(110, 255, 255, 0.53);
  padding: 0.5rem 2rem;
  margin-top: -0.9rem;
  font-size: 1.7rem;
  font-weight: 900;
}