body {font-size: 12; font-family: sans-serif;}
h1 {color:darkred; font-size: 2.5em; margin-top: 0px;}
h2 {border-top: 5px solid black;}
.aufgabe h2 {border-top: none;}
p.hinweis {font-weight: bold; font-style:italic; color: darkred;} /* Hinweis als p.class */
p.hinweis1 {font-weight:bold;color:darkred;text-decoration: overline;}
.hinweisklein {background-color: lightpink;font-size: 0.8em;font-style: italic;padding: 3px;}
.mono {font-family: 'Courier New', Courier, monospace; font-weight: bold;}
p.video {font-weight: bold;color:blueviolet;}
p.register {font-style:italic;font-size: 0.9em;}
.aufgabe {background-color:#ccccff;padding: 3px;}
.sol {background-color:#afaffc;border-style: none;margin: 5px;padding: 1px;padding-left: 10px;}
/*.sol h3 {color: white;}*/
.sol .code {color: white;}
.sol .bild {max-width: 93%;}
.sol .hinweis {margin-right: 5px;}
.hint {background-color:#7777ff;border-style:none;color: white;margin: 8px;padding: 2px;}
.mac {background-color:#FFE599;padding: 2px;}
p.datei {background-color: beige;font-style: italic;} /* Hinweis für die Übungsdatei */
div.hinweis {background-color: lightpink;padding:3px;} /* Als farbige Box */
span.hinweis {font-weight:bold;color:darkred;} /* Hinweis als span.class */
.key {font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-weight: bold; color:darkblue;}
.hint .cell {color: lightgreen;}
.hint .code {color: black;}
.hint p.hinweis {color: white;}
.code {font-family: monospace; font-size:large; color:rgb(26, 108, 163); font-weight: bold;}
.cell {font-family: monospace; font-size:large; color:rgb(68, 0, 0); font-weight: bold;}
.formel {font-family: monospace;font-size:large;font-weight: bold;}
/* Original
.bild {background: transparent 0% 0% / 100% auto;margin: 5px;}
.bild img {max-width: 100%; height: auto; padding-left: 2px;} */
.bild {background: transparent 0% 0% / 100% auto;margin: 5px; max-width: 98%; height: auto; padding-left: 2px;}
.i1 .first {margin-left: 20px; text-indent: -19px;}
.i1 p {margin-left: 15px;text-indent: 0px; margin-right: 5px;}
.i1 .bild {padding-left: 15px; margin-right: 12px;}
.i1 h3 {margin-left: 18px;}
.i1 h4 {margin-left: 20px;}
.i1 .mac {margin: 12px;}
.i1 .hinweis {margin-left: 18px;}
.videos {background-color: bisque; padding: 3px;}
.button1 {background-color: #4c4cf8; padding: 0px;color:white;font-size:0.9em;} /* für den Hint */
ul.liste1 li {margin-bottom: 5px;}
ol.liste1 li {margin-bottom: 5px;}
.hinweisbox {background-color: #C6EFCE;padding:4px;}
.i1 .hinweisbox {margin:12px;}
/* .sol .hinweis {color: white;}*/