/* Schriftart laden */
@font-face {
font-family: "Calibri";
src: url('../fonts/Calibri.ttf');
}

/* Schriftart zuordnen */
body *,
h1, h2, h3, h4, h5, h6 {font-family: Arial !important}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 9px 0;
	font-family: inherit;
	font-weight: bold;
	line-height: 18px;
	color: inherit;
	text-rendering: optimizelegibility;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	color: #999;
}
h1,
h2,
h3 {
	line-height: 1em;
}
h1 {
	font-size: 2.5em;
}
h2 {
	font-size: 2.2em;
}
h3 {
	font-size: 1.8em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1em;
}
h6 {
	font-size: 0.8em;
}
h1 small {
	font-size: 22.75px;
}
h2 small {
	font-size: 16.25px;
}
h3 small {
	font-size: 13px;
}
h4 small {
	font-size: 13px;
}

.body .container {
	background-color: #fff;
            padding: 20px;
}

.typewriter h1 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid orange; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  letter-spacing: .15em; /* Adjust as needed */
  animation: 
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
}

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}

.navi-top {
	left: 2em;
	bottom: 0;
	
}

.container-header {
	margin: 0 auto;
    max-width: 1400px;
	
}	

.navidiv {
	position: fixed;
    bottom: 0%;
	
}