/* 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: beige;
	}
}

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

@media screen {

	main {
		background-color: white;
		padding: 1em;
		border-style: solid;
		border-radius: 15px;
		border-width: 0px;
	}
	main.Inhaltsverzeichnis{
		background-color: aliceblue;
	}

	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: 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;
	}

	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;
	}

	figure.interaktiv {
		padding: 10px;
		border-style: solid;
		border-color: blue;
		border-radius: 0.5em;
		border-width: 3px;
	}
}

@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;
	}

	aside {
		display: none;
	}

}

h1,
h2 {
	color: blue;
}

h3 {
	color: darkblue;
	margin-top: 1em;
	margin-bottom: 0.2em;
}

h2 {
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h2 a {
	text-decoration: none;
	color: inherit;
}

h3 a {
	text-decoration: none;
	color: inherit;
}

em {
	font-style: normal;
	font-weight: bold;
}

em.Fachwort {
	font-style: normal;
	font-weight: bold;
	color: darkred;
	background-color: lemonchiffon;
}

em.AufgabenZeit {
	font-style: normal;
	font-weight: normal;
	color: green;
}

em.Taste {
	font-style: normal;
	font-weight: bolder;
	color: navy;
	background-color: lightsteelblue;
}

em.Datei {
	font-style: italic;
	font-weight: bold;
	color: darkred;
}

em.Befehl {
	font-style: italic;
	font-weight: bold;
	color: darkblue;
}

em.Befehl_Attribut {
	font-style: normal;
	font-weight: bold;
	color: darkgreen;
}

em.Befehl_Konstante {
	font-style: normal;
	font-weight: bold;
	color: maroon;
}

em.Befehl_Variable {
	font-style: italic;
	font-weight: bold;
	color: maroon;
}

em.Datum {
	font-style: normal;
	font-weight: normal;
	color: darkgreen;
	font-size: 10px;
}

em a {
	text-decoration: inherit;
	color: inherit;
}

.Syntax {
	width: 95%;
	font-family: Verdana, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	color: black;
	background-color: beige;
	padding: 0.5em;
	border-radius: 7px;
}

.Beispiel {
	width: 95%;
	font-family: Verdana, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	color: darkblue;
	background-color: #BDFFAD;
	padding: 0.5em;
}

p {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

p.Absatz {
	margin-top: 0.7em;
	margin-bottom: 0.2em;
}

p.Syntax_Befehl {
	width: 90%;
	font-family: Verdana, Arial, sans-serif;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	color: black;
	font-weight: 600;
	background-color: antiquewhite;
	padding: 0.5em;
}

td {
	vertical-align: top;
}

td.main {
	background-color: white;
	padding: 1em;
	border-style: solid;
	border-radius: 15px;
	border-width: 0px;
}

td.Tabelle_rechts {
	vertical-align: top;
	padding-left: 5em;
}

figure {
	background-color: transparent;
}

figcaption {
	font-size: 10px;
	margin-top: 1em;
}

pre {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

div.Link {
	float: left;
	margin-top: 0.7em;
	margin-bottom: 0.7em;
	margin-right: auto;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 0.75em;
	padding-right: 0.75em;
	color: darkblue;
	border-style: hidden;
	border-width: 2px;
	border-radius: 0.5em;
	background-color: powderblue;
}

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

div.Link a:hover {
	font-weight: bold;
	color: blue;
}

td.main h2 a.intern {
	transition: all ease 2s;
}

td.main h2 a.intern::before {
	font-weight: bold;
	color: indigo;
	content: '↘'
}

td.main h2 a.intern:hover {
	font-weight: bold;
	color: purple;
	transition: all ease 0.25s;
}

td.main h2 a.extern {
	transition: all ease 2s;
}

td.main h2 a.extern::before {
	font-weight: bold;
	color: darkblue;
	content: '↗'
}

td.main h2 a.extern:hover {
	font-weight: bold;
	color: navy;
	transition: all ease 0.25s;
}

div.nach_oben {
	float: left;
	border-color: blue;
	background-color: lightgrey;
	border-style: solid;
	border-width: 2px;
	border-radius: 4px;
	padding: 3px;
	color: blue;
	font-weight: bold;
	font-size: 2em;
	transition: all ease 0.5s;
}

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

a.intern {
	text-decoration: none;
	color: blue;
	transition: all ease 0.5s;
}

a.intern:hover {
	text-decoration: none;
	text-shadow: 0 0 0.2em rgb(35, 173, 0);
	transition: all ease 0.5s;
}

a.side {
	text-decoration: none;
	color: rgb(86, 15, 133);
	transition: all ease 0.5s;
}

a.side:hover {
	text-decoration: none;
	text-shadow: 0 0 0.3em rgb(254, 165, 0);
	transition: all ease 0.5s;
}

a.extern {
	text-decoration: none;
	color: blue;
	transition: all ease 0.5s;
}

a.extern:hover {
	text-decoration: none;
	text-shadow: 0 0 0.2em rgb(255, 149, 28);
	transition: all ease 0.5s;
}

a.extern_YT {
	font-size: small;
	text-decoration: none;
	color: blue;
	transition: all ease 0.5s;
}

a.extern_YT:hover {
	text-decoration: none;
	text-shadow: 0 0 0.2em rgb(255, 149, 28);
	transition: all ease 0.5s;
}


a.intern::before {
	text-decoration: none;
	font-weight: bold;
	color: green;
	content: '↘';
	transition: all ease 0.5s;
}

a.intern:hover::before {
	text-decoration: none;
	text-shadow: 0 0 0.1em darkgreen, 0 0 0.2em rgb(110, 206, 1), 0 0 0.4em rgb(186, 206, 1);
	transition: all ease 0.5s;
	content: '↘';
}

a.extern::before {
	text-decoration: none;
	font-weight: bold;
	color: blue;
	content: '↗';
	transition: all ease 0.5s;
}

a.extern:hover::before {
	text-decoration: none;
	text-shadow: 0 0 0.1em navy, 0 0 0.2em rgb(206, 59, 1), 0 0 0.4em rgb(206, 59, 1);
	transition: all ease 0.5s;
	content: '↗';
}

a.extern_YT::before {
	text-decoration: none;
	font-weight: bold;
	color: blue;
	content: '↗';
	transition: all ease 0.5s;
}

a.extern_YT:hover::before {
	text-decoration: none;
	text-shadow: 0 0 0.1em navy, 0 0 0.2em rgb(206, 59, 1), 0 0 0.4em rgb(206, 59, 1);
	transition: all ease 0.5s;
	content: '↗';
}

div.Kapitel_1 {
	background-color: white;
	padding: 1em;
	border-color: aliceblue;
	border-style: solid;
	border-radius: 15px;
	border-width: 5px;
}

div.Inhaltsverzeichnis {
	display: flex;
	flex-wrap: wrap;
	background-color: aliceblue;
}

h2.Inhaltsverzeichnis {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
h3.Inhaltsverzeichnis {
	margin-left: 1rem;
}