@font-face {
  font-family: "Montserrat-Regular";
  src: url("./fonts/Montserrat-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/Montserrat-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/Montserrat-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/Montserrat-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/Montserrat-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/Montserrat-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

html,
body {
	margin: 0;
	padding: 0;
    	width: 100%;
    	height: 100%;
	font-family: "Montserrat-Regular";
	color: #7a7d81;
}


.center {
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: 1rem 2rem 1rem 2rem;
}



.visitenkarte {

	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 50% 50%;
	background-size: contain;
	background-image: url('up-website-neu.svg');
	width: 100%;
	height: 100%;
	
}

.logo {
 	text-align: center;
    	margin-top: 2rem;
}

   	



@media (min-width: 600px) {

	.visitenkarte {
		background-size: 400px auto;
	}
}


@media (min-width: 840px) {

	.visitenkarte {
		background-size: 600px auto;
	}

}


.privacy-link {
	text-align: center;
	width: 100%;
	bottom: 0;
	padding: 1rem;
	font-size: 90%;
	font-weight: 400;
	color: #7a7d81;

}

a, a:active, a:focus, a:hover, a:link, a:visited {
	outline: 0;
	font-size: inherit;
	color: inherit;
}

#privacy_layer_content {
	/*background-color: #40c1bb;*/
	padding: 2rem 1rem;

}

#privacy_layer_content h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    	margin-bottom: 1.5rem;
 	font-weight: 400;
 	font-size: 1.5rem;
    	line-height: 1.4;
}


#privacy_layer_content h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
    	font-size: 1.2rem;
    	
}