/* Stylesheet für Webvisitenkarte, responsives Layout */

/* ====================================================   GLOBAL DEFINITION   ==================================================== */
html {

padding: 0.5em;
}
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
margin: 0 auto;

}

img {
	max-width: 400px;
	width: 100%;
	height: auto;
}
hr {
	color: #3333CC;
}
h1 {
font-size: 2.1rem;
color: #000066;
margin: 0;
}
h5 {
font-size: 2.1rem;
text-align: right;
color: #6699cc;
}
.pfeil {
font-size: 1.0rem;
text-align: right;
color: #6699cc;
}
nav {
display: flex;
align-items: center;
}
nav a {
font-size: 1.2rem;
color: #ffffff;
text-decoration: none;
margin-left: 20px;
}
main {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}
section {
margin-bottom: 40px;
}
h2 {
font-size: 1.7rem;
color: #000066;
margin-bottom: 20px;
}
h3 {
font-size: 1.3rem;
color: #3333CC;
margin-bottom: 20px;
}
nav ul {
margin: 0;
padding: 0;
list-style: none;
}
li {
margin-bottom: 10px;
}
a {
color: #ff0000;
text-decoration: none;
}