/* standard_css.css */

@media (max-width:1300px) {
	body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		width: 76%;
		margin-left: auto;
		margin-right: auto;
		background-color: whitesmoke;
	}
}

@media (min-width:1301px) {
	body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		background-color: whitesmoke;
	}
}

@media screen {
	html{
		scroll-behavior: smooth;
	}
	main {
		padding: 1em;
		border-style: solid;
		border-radius: 15px;
		border-width: 0px;
		margin-left: 225px;
		background-color: gainsboro;
	}
	aside {
		padding: 1em;
	}
	p {
		font-family: Verdana, Arial, sans-serif;
		font-size: 14px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	aside p {
		margin-top: 1em;
		margin-bottom: 0.2em;
	}
	footer {
		width: 100%;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 3em;
		margin-bottom: 1.5em;
		color: maroon;
		font-weight: normal;
		background-color: lightgrey;
		clear: both;
		padding: 1em;
		border-style: solid;
		border-radius: 15px;
		border-width: 0px;
	}
	footer a {
		margin: 0.5em;
	}
	header {
		width: 100%;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		margin-top: 1.5em;
		margin-bottom: 1.5em;
		color: maroon;
		font-weight: normal;
		background-color: lightgrey;
		clear: both;
		padding: 1em;
		border-style: solid;
		border-radius: 15px;
		border-width: 0px;
	}
	a {
		font-family: 'Verdana', Arial, sans-serif;
		color: blue;
		text-decoration: none;
	}
	a:link {
		color: black;
		text-decoration: none;
	}
	a:visited {
		color: darkblue;
		text-decoration: none;
	}
	a:focus {
		color: red;
		text-decoration: none;
		font-weight: bold;
	}
	a:hover {
		color: red;
		text-decoration: none;
		font-weight: bold;
	}
	a:active {
		color: red;
		text-decoration: none;
		font-weight: bold;
	}
	a.aktuell {
		font-size: 110%;
		color: blue;
		vertical-align: top;
		font-weight: bold;
		text-decoration: none;
	}
	/* Button 200 Klasse für Navigationselemente */
	td.button200 {
		background-image: url(../../logo/carts_modelle_button_leer_s.png);
		background-repeat: no-repeat;
		background-position: top left;
		height: 30px;
	}
	p.button200 {
		margin-top: 0;
		vertical-align: middle;
		margin-bottom: 0;
		text-indent: 45px;
	}
	nav {
		float: left;
		width: 220px;
		position: fixed;
	}
	nav a {
		font-size: 110%;
	}
	figcaption {
		font-style: normal;
		font-weight: normal;
		color: blue;
	}
	figcaption p {
		font-size: 70%;
	}
	iframe.video {
		display: table;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2rem;
		clear: both;
		border-radius: 15px;
		border-color: blue;
		border-width: 5px;
		border-style: solid;
		box-shadow: 3px 3px 15px rgb(93, 93, 93);
	}
	b.video {
		color: blue;
	}
}

@media print {
	body {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		width: 98%;
	}
	p {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		margin-top: 0.2em;
		margin-bottom: 0.2em;
	}
	*.nonprint {
		display: none;
	}
	footer {
		display: none;
	}
	header {
		display: none;
	}
	a {
		text-decoration: none;
		color: inherit;
	}
	a:visited {
		text-decoration: none;
		color: inherit;
	}
	aside {
		display: none;
	}
}

p.ueber {
	font-size: 16px;
	color: steelblue;
	font-weight: bold;
}

div.Link {
	float: left;
	border-color: blue;
	background-color: lightgrey;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	padding: 3px 5px;
	color: blue;
	font-weight: bold;
	transition: all ease 0.8s;
}

div.Link:hover {
	border-color: limegreen;
	background-color: lightsteelblue;
	color: darkgreen;
	font-weight: bold;
}

div.Link a {
	text-decoration: none;
}

div.SAFE {
	clear: both;
	border-color: darkgray;
	background-color: silver;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	padding: 10px;
	color: black;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 1em;
}

img.interaktiv {
	border-color: blue;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	padding: 3px;
	transition: all ease 0.5s;
}

img.interaktiv:hover {
	border-color: steelblue;
	box-shadow: 2px 2px 10px grey;
	transition: all ease 0.5s;
}

a.interaktiv {
	border-color: grey;
	background-color: lightgray;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	padding: 3px;
	transition: all ease 0.5s;
	text-decoration: none;
	color: blue;
}

a.interaktiv:hover {
	border-color: steelblue;
	box-shadow: 2px 2px 10px grey;
	transition: all ease 0.5s;
}

a.interaktiv:visited {
	border-color: grey;
	box-shadow: 2px 2px 10px grey;
	transition: all ease 0.5s;
	color: blue;
}

.teilenummer {
	color: green;
}
.tipps_video {
	color: blue;
}
h4.tipps_video{
	margin-bottom: 0;
}

.achtung{
	color: red;
}

ul.linkliste li {
	margin: 17px 5px;
}

ul.linkliste a {
	border-color: blue;
	background-color: lightgrey;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	padding: 3px 5px;
	color: blue;
	font-weight: bold;
	transition: all ease 0.5s;
}

ul.linkliste a:hover {
	border-color: limegreen;
	background-color: lightsteelblue;
	color: darkgreen;
	font-weight: bold;
}