/* amaranth-regular - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Amaranth';
	  font-style: normal;
	  font-weight: 400;
	  src: url('../fonts/amaranth-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* amaranth-italic - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Amaranth';
	  font-style: italic;
	  font-weight: 400;
	  src: url('../fonts/amaranth-v18-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* amaranth-700 - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Amaranth';
	  font-style: normal;
	  font-weight: 700;
	  src: url('../fonts/amaranth-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* amaranth-700italic - latin */
	@font-face {
	  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	  font-family: 'Amaranth';
	  font-style: italic;
	  font-weight: 700;
	  src: url('../fonts/amaranth-v18-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
	}
	/* roboto-300-light - latin */
	@font-face {
	font-display: swap; 
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 300;
	  src: 
		   url('../fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		   url('../fonts/roboto-v29-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}
	/* roboto-400-regular - latin */
	@font-face {
	font-display: swap; 
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 400;
	  src: 
		   url('../fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		   url('../fonts/roboto-v29-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}
	/* roboto-500-medium - latin */
	@font-face {
	font-display: swap; 
	  font-family: 'Roboto';
	  font-style: normal;
	  font-weight: 500;
	  src: 
		   url('../fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
		   url('../fonts/roboto-v29-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	}

	* {
		font-family: 'Roboto', 'sans-serif';
		font-weight: 300;
		box-sizing: border-box;
		}
	html {
		font-size: 16px;
		overflow-y: scroll;
		scroll-snap-type: y mandatory;
		scroll-behavior: smooth;
		scroll-padding: 10.5rem;
	}
	body {
		margin: 0;
		padding: 0;
	}
	header {
		position: fixed;
		top: 0;
		margin: 0;
		z-index: 5;
		width: 100%;
		font-size: 1.5rem;
		padding: 1.5rem .2rem .2rem;
		box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.6);
	}
	.header-container {
		text-align: center;
	}
	/*.flex-container {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: end;
		align-content: normal;
	}*/

	header nav, header a {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: center;
	}
	nav ul {
		list-style: none;
		padding: 0 .5rem 0 .5rem;
		margin: 0 0 .8rem 0;
	}
	header nav li {
		display: inline-block;
		padding: 0 0.5rem;
	}
	section {
		padding: 3rem 1.5rem;
		/*scroll-snap-align: start;*/
		margin: 0 auto;
	}
	.color_sheme_01 {
		background-color: #edc7e0; /* rosa */
		color: #000;
	}
	.color_sheme_02 {
		background-color: #000;
		color: #edc7e0;
	}
	.color_sheme_02a {
		background-color: #111;
		color: #edc7e0;
	}
	.color_sheme_03 {
		background-color: #bbecf3;  /* hellblau */
		color: #000;
	}
	.inner_div {
		margin: 0 auto;
		max-width: 64rem;
	}
	/*#home {
		padding-top: 14rem;
	}*/
	
	div.header {
		background: #000 url(../background_header_fhd_low.jpg) left bottom no-repeat;
		background-size: contain;
		height: 20.3rem;
		max-width: 100%;
		padding: 3rem 1.5rem;
		margin: 0 auto;
	}
	div.footer {
		padding: 3rem 1.5rem;
		margin: 0 auto;
	}
	h1, h2, h3 {
		font-family: 'Amaranth', 'sans-serif';
	}
	h1 {
		font-size: 2rem
	}
	#willkommen h2 {
		font-size: 1.8rem;
	}
	
	h2 {
		margin-top: 0;
		font-size: 2rem;
	}
	h3 {
		font-size: 1.4rem;
	}
	h4 {
		font-size: 1.4rem;
		font-weight: 500;
		margin: 0;
		padding: .5rem;
		background-color: #bbecf3;
		/*border-bottom: 1px solid #000;
		padding-bottom: 1em;*/
	}
	#leistung-liste, #kontakt-details {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: end;
		align-content: normal;
	}
	#leistung-liste li {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: flex-start;
		padding: .5rem;
		width: 100%;
		border-radius: 4px;
		margin-bottom: 1.2rem;
		text-align: center;
		background-color: #fff;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
		font-weight:500;
		font-size: 1rem;
	}
	#kontakt-details p {
		display: block;
		flex-grow: 0;
		flex-shrink: 1;
		flex-basis: auto;
		align-self: center;
		padding: .5rem;
		margin-bottom: 1.2rem;
		text-align: center;
		font-weight:500;
		line-height: 1.8em;
	}
	#kontakt-details img {
		width: 120px;
		height: 120px;
		padding: 1.5rem;
		margin: 0 auto 1rem auto;
		border-radius: 6px;
		box-shadow: 0px 0px 8px 0px rgba(255, 255, 255, 0.6);
	}
	#leistung-liste li span{
		display:block;
		padding: .5rem;
	}
	#leistung-liste li img{
		max-width:100%;
	}
	#kontakt-details img, #kontakt-details a, #kontakt-details span {
		display: block;
		font-size: 1.5rem;
		font-weight: 300;
		font-family: 'Roboto';
	}
	#kontakt-telefon, #kontakt-email, #kontakt-adresse {
		width: 100%;
	}
	
	p {
		font-size: 1.4rem;
		line-height: 1.25em;
	}
	ul li {
		font-size: 1.4rem;
		line-height: 1.25em;
	}
	img.foto_person {
		border-radius: 50%;
		max-width: 100%;
		box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.6);
		display: block;
		margin: 0 auto;
	}
	img.large_logo {
		max-width: 500px;
		margin: 0 0 1rem 0;
	}
	#logo_small img {
		width: 84px;
	}
	a.emailad, a.telnr{
		display: block;
		text-decoration; none;
		color: #000;
	}
	strong {
		font-weight:500;
	}
	p.httpstatuscode {
		font-size: 8rem;
		color: #edc7e0;
		font-weight: 800;
		text-align: center;
		padding-top: 12.5rem;
		margin:0;

	}
	section.color_sheme_02 div p a {
		color:#edc7e0;
	}
	div.header {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		text-align: center;
	}
@media (min-width: 560px) {
	html {
		scroll-padding: 5rem;
	}
	header {
		padding: 1rem;
	}
	.header-container {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: end;
		align-content: normal;
	}
	nav ul {
		padding: 0;
		margin: 0;
	}
	section {
		padding: 6rem 1.5rem 3rem;
	}
	h1 {
		font-size:2.4rem
	}
	h2 {
		font-size: 2.4rem;
	}
	h3 {
		font-size: 1.8rem;
	}
	img.foto_person {
		float: left;
		max-width: 240px;
		margin: 0.8rem 2rem 2rem 0;
	}
	#leistung-liste, #kontakt-details {
		flex-direction: row;
	}
	#leistung-liste li {
		width: 48.5%;
	}
	#kontakt-details img, #kontakt-details a, #kontakt-details span {
		font-size: 2rem;
	}
	p.httpstatuscode {
		font-size: 10rem;
		padding-top: 8rem;
	}
}
	
@media (min-width: 810px) {	
	div.header {
		background-size: cover;
	}
	#willkommen h2 {
		clear: both;
	}
	/*img.large_logo {
		margin: .3rem 3rem 3rem 0;
		width: 40%;
	}*/
	#leistung-liste li {
		width:32%;
	}
	#kontakt-telefon, #kontakt-email {
		width: 48.5%;
	}
	#kontakt-adresse {
		width: 98%;
	}
}
@media (min-width: 1000px) {	

	#willkommen h2 {
		clear: none;
	}
	/*img.large_logo {
		width: 45%;
	}*/

}
/*
@media (min-width: 1080px) {	

	img.large_logo {
		width: 50%;
	}

}
*/
@media (min-width: 1290px) {	
	div.header {
			height: 32rem;
	}
	#kontakt-details p {
		align-self: flex-start;
	}
	#kontakt-telefon, #kontakt-email {
		width: 32%;
	}
	#kontakt-adresse {
		width: 32%;
	}
	p.httpstatuscode {
		font-size: 13rem;
	}
}

@media (min-width: 1720px) {	
	div.header {
			height: 36rem;

	}
}
	
	
	#topheader, div.content {
		min-height: 3em;
		padding: 1em .5em;
		} 
	#topheader, #footer {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		}
	.gridmaster {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 16px;
	}
	.gridmaster div {
		align-self: center;
	}
	#topheader a {
		text-align: center;
		align-self: center;
		font-size: 2.5em;
		}
	#topheader img {
		align-self: center;
		}
	a {
		font-family: 'Amaranth', 'sans-serif';
		text-decoration: none;
		color:#000;
		}
	.start_highlight {
		font-family: 'Amaranth', 'sans-serif';
		font-size:2em;
	}
	#footer ul {
		text-align: right;
		list-style-type: none;
		}
	#footer p.telnr {
		text-align: center;
		font-size: 2em;
		}
	#footer p {
		align-self: center;
		}
		
	#start_row_01 {
		min-height:32em;
	}
	#start_row_02, #start_row_03 {
		min-height:22em;
	}
	#start_logo img {
		margin-top:-8em;
	}
	#start_schweine_01 img{
		margin-top:-12em;
		position:absolute
	}
	#start_handschuhe img{
		margin-top:-20em;
		position:absolute
	}
	#start_ordi {
		min-height:528px;
	}
	#start_ordi div {
		align-self: center;
	}
	#start_row_02 p {
		padding-top:1em;
	}
	#tzt_kontakt p{
		font-size:1.6em;
	}
	#tzt_kontakt a {
		display:block;
		font-size: 1.8em;
		margin-bottom: .3em;
	}
	#ordizeiten {
		font-size: 1.6em;
		margin-top:-1em;
	}
	#tage {
		font-size: 4.9em;
		margin-bottom: 0;
		margin-top: 0;
		font-family: 'Amaranth', 'sans-serif';
	}
	#stunden {
		margin-top: 0;
		margin-bottom: 0;
		font-size: 4em;
		font-family: 'Amaranth', 'sans-serif';
	}
	#zusatztext {
		font-size: 1em;
	
	}
	ul.nav li a {
		font-family: 'Roboto', 'sans-serif';
		text-transform: uppercase;
	}