body {
	font-family: 'Work Sans', sans-serif;
	min-width: 355px;
}

header {
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-rows: 60px;
	text-align: center;
	background-color: #0D56FF;
}

.logo img {
	width: 125px;
	margin: 15px;
	transition: 500ms;
}

nav a {
	font-size: 15px;
	margin: 10px;
	text-decoration: unset;
	transition: 500ms;
	color: #48E81F;
}

nav {
	margin-top: auto;
	margin-bottom: auto;
}	

h1 a {
	text-decoration: unset;
	font-size: 30px;
	color: #BB2900;
	transition: 500ms;
	margin: 15px;
}

h1 {
	margin-top: 11px;
	margin-bottom: 11px;
}

nav a:hover {
	font-size: 18px;
	color: #BB2900;
}

h1 a:hover {
	font-size: 33px;
}

.logo img:hover {
	width: 135px;
}

.br {
	display: none;
}
_______________________________________________________________

main {
	display: flex;
}

main .titel {
	text-align: center;
	font-size: 40px;
	margin: 30px;
	margin-top: 125px;
	font-family: 'Righteous', cursive;
}

main .untertitel {
	text-align: center;
	font-size: 25px;
	margin: 30px;
	margin-bottom: 75px;
	font-family: 'Righteous', cursive;
}

main .fotos {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	text-align: center;
	margin-bottom: 150px;
}

.iphone {
	width: 115px;
	margin: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
	transition: 500ms;
}

.macbook {
	width: 200px;
	margin: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
	transition: 500ms;
}

.applewatch {
	width: 100px;
	margin: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
	transition: 500ms;
}

.überapple {
	width: 150px;
	margin: 25px;
	margin-top: 50px;
	margin-bottom: 50px;
	transition: 500ms;
}

.iphone:hover {
	width: 125px;
}

.macbook:hover {
	width: 215px;
}

.applewatch:hover {
	width: 110px;
}

.überapple:hover {
	width: 165px;
}

footer {
	
}

.tabellebild {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	background-color: #C7C7C7;
}

.robin img {
	width: 100px;
	margin: 25px;
	margin-bottom: 6px;
	margin-top: 10px;
}

.footerbox {
	margin-right: 10px;
	margin-left: 00px;
	margin-top: 20px;
	text-align: left;
}

.namerobin {
	padding-bottom: 15px;
	padding-top: 10px;
	text-decoration: underline;
}

.footerbox td {
	padding-left: 15px;
	padding-right: 15px;
}

.formular a {
	font-size: 20px;
	text-decoration: unset;
	margin: 20px;;
	color: #1D55FF;
	text-decoration: underline overline;
	transition: 500ms;
}

.formular a:hover {
	font-size: 21px;
}

.formular {
	margin-top: 50px;
	text-align: right;
	padding-bottom: 30px;
}


@media screen and (max-width: 905px) {
	.logo a img {
		width: 100px;
	}

	.logo img:hover {
		width: 110px;
	}

	nav a {
		font-size: 10px;
	}

	h1 a {
		font-size: 17px;
	}

	h1 {
		margin-top: 9px;
		margin-bottom: 9px;
	}

	nav a:hover {
	font-size: 13px;
	}

	h1 a:hover {
		font-size: 20px;
	}

	.titel h2 {
		font-size: 30px;
	}

	.untertitel h3 {
		font-size: 20px;
	}

	.iphone {
	width: 90px;
	}

	.macbook {
		width: 150px;
	}

	.applewatch {
		width: 75px;
	}

	.überapple {
		width: 125px;
	}

	.iphone:hover {
	width: 100px;
	}

	.macbook:hover {
		width: 165px;
	}

	.applewatch:hover {
		width: 85px;
	}

	.überapple:hover {
		width: 140px;
	}

	.footerbox tr th {
		font-size: 10px;
	}

	.footerbox tr td {
		font-size: 10px;
	}

	.robin img {
		width: 75px;
	}

	.formular a {
	font-size: 15px;
	}

	.formular a:hover {
		font-size: 16px;
	}
}

@media screen and (max-width: 605px) {
	.br {
		display: unset;
	}
}

@media screen and (max-width: 571px) {
	.formular {
		margin-top: 10px;
	}
}