@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/nunito-v31-latin-regular.woff2') format('woff2');
}

@font-face {
  font-display: swap;
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/nunito-v31-latin-700.woff2') format('woff2');
}

*, *:before, *:after {
    box-sizing: border-box;
}

html, body {
    //overflow-x: hidden;
    height: 100%;
}

body {
	-webkit-text-size-adjust: none;
    padding: 0;
    margin: 0;
	margin: 0;
	font-family: Nunito;
    font-size: 16px;
    font-weight: 400;
	color: rgb(62, 62, 62);
	background-color: rgb(230, 230, 230);
}

.head {
	display: block;
	top: 0px;
	margin: 0 auto;
	width: 100%;
	position: fixed;
	height: 46px!important;
	overflow: hidden;
	z-index: 99;
	background-color: rgb(80, 80, 80);
}

.headContent {
    box-sizing: border-box;
	padding: 10px 12px 0px 60px;
	font-size: 1.4em;
	text-align: center;
}

h1 {
  display: block;
  font-size: 1.5em;
  margin-top: 0.83em;
  margin-bottom: 0.43em;
  margin-left: 0;
  margin-right: 0;
  font-weight: bold;
}

a:link,
a:visited,
a:hover,
a:active {
  color: white;
  text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 678px) {
	.textSmall {
		font-size: clamp(1.1em, 4vw, 1.4em);
	}
	.ausblenden {
		display: none;
	}
}