html { 
	scroll-behavior: smooth; 
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	}

body { 
	font-family: system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial; 
	color: #000000;
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	}

/* NAV */
.iQR_nav {
	background:#fff;
	position: fixed;
	top: 0;
	height: 75px;
	left: 0;
	right: 0;
	z-index: 1030;
	padding-top: 0;
	padding-bottom: 0;
	align-items: normal;
	border-bottom: 1px solid #404060;
}

.iQR-logo {
	left: 0;
	width: 70px;
	height: 70px;
	border-radius:50%;
	background-color:#fff;
	padding:9px;
	box-shadow: 0px 5px 25px rgba(0,0,0,.15);
	object-fit:contain;
}

.iQR-body {
	background: linear-gradient(45deg, rgba(120,120,255,.15), rgba(255,255,255,.10)) center;
	padding: 0px;
	display:grid; 
	color:#000000;
	min-height: 100vh;
}

.iQR-header {
	margin: 0 auto;
	width: 100%; 
	max-width: 1000px;
	display: block; 
	position:relative; 
	padding : 25px;
	padding-top: 100px;
}

@media (max-width: 600px) {
  .iQR-header {
    padding-top: 100px; /* lidt ekstra til mobil, hvis headeren er høj */
  }
}

.contact-email {
  display: flex;
  align-items: center;
  gap: 8px;
}

.contact-email i {
  font-size: 1.2em;
}

a {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

a:hover {
  text-decoration: underline;
}