/* body {
    font-family: Dosis, sans-serif;
    font-size: 17px;
    font-weight: normal;


#2d4a56--#568fa3



header<header id="sp-header" class=" div.page-header animated menu-fixed">
<div class="container">

<div class="row" style="position: relative;">

<div id="sp-logo" class="col-xs-6 col-sm-3 col-md-3">

<div class="sp-column "><div class="logo"><a href="/">
<img class="sp-default-logo hidden-xs" src="/images/Neu/Logo/Logo_Homepage_kleiner.png" alt="Bunsen-Gymnasium Heidelberg">

<img class="sp-default-logo visible-xs" src="/images/Neu/Logo/Logo_Homepage_Mobile.png" alt="Bunsen-Gymnasium Heidelberg">

/a></div></div></div>
<div id="sp-menu" class="col-xs-6 col-sm-9 col-md-9" style="position: static;">

<div class="sp-column ">

<div class="sp-megamenu-wrapper">
<a id="offcanvas-toggler" class="visible-sm visible-xs" aria-label="Helix Megamenu Options" href="#">

<i class="fa fa-bars" aria-hidden="true" title="Helix Megamenu Options">

</i></a>
<ul class="sp-megamenu-parent menu-rotate hidden-sm hidden-xs">

<li class="sp-menu-item current-item active">

<a href="/index.php">Start</a></li><li class="sp-menu-item"><a href="/index.php/schule2">Schule</a></li><li class="sp-menu-item"><a href="/index.php/personen2">Personen</a></li><li class="sp-menu-item"><a href="/index.php/eltern2">Eltern</a></li><li class="sp-menu-item"><a href="/index.php/schueler4">Schüler</a></li><li class="sp-menu-item"><a href="/index.php/faecher2">Fächer</a></li><li class="sp-menu-item"><a href="/index.php/schuelertermine">Termine</a></li><li class="sp-menu-item sp-has-child"><a href="#">Quicklinks</a><div class="sp-dropdown sp-dropdown-main sp-menu-center" style="width: 240px;left: -120px;"><div class="sp-dropdown-inner"><ul class="sp-dropdown-items"><li class="sp-menu-item"><a href="/index.php/quicklinks2/kontakt">Kontakt</a></li><li class="sp-menu-item"><a href="/index.php/quicklinks2/krankmeldung">Corona</a></li><li class="sp-menu-item"><a href="https://servus.bg.hd.bw.schule.de" rel="noopener noreferrer" target="_blank">Intranet</a></li><li class="sp-menu-item"><a href="https://04105107.moodle.belwue.de/moodle/" rel="noopener noreferrer" target="_blank">Moodle</a></li><li class="sp-menu-item"><a href="/index.php/quicklinks2/bistro">Bistro</a></li><li class="sp-menu-item"><a href="https://servus.bg.hd.bw.schule.de:2280/">GTS</a></li><li class="sp-menu-item"><a href="https://www.schulorga-pro.de/login">Kalender/ Klassenarbeitsplaner</a></li><li class="sp-menu-item"><a href="/index.php/quicklinks2/impressum">Impressum</a></li></ul></div></div></li></ul>			</div>
	</div></div></div></div></header>

Dosis-Book.ttf
Dosis-ExtraBold.ttf
Dosis-ExtraLight.ttf
Dosis-Light.ttf
Dosis-Medium.ttf
Dosis-SemiBold.ttf
FONTLOG.txt
jipp
OFL.txt

*/






@font-face { font-family: 'Dosis';
             src: url('../dosis/Dosis-Light.ttf') format('truetype'); }

@font-face { font-family: 'Dosis';
             src: url('../dosis/Dosis-Medium.ttf') format('truetype');
             font-style: italic; }

@font-face { font-family: 'Dosis';
             src: url('../dosis/Dosis-SemiBold.ttf') format('truetype');
             font-weight: bold; }

@font-face { font-family: 'Dosis';
             src: url('../dosis/Dosis-Book.ttf') format('truetype');
             font-weight: bold;
             font-style: italic; }

html {
    font-size: 24px;
    font-family: Dosis, Helvetica, sans-serif;
    color: #000000;
}

body {
 margin-left: ;
 font-size: 18px;
 font-family: Dosis, Helvetica, sans-serif;
 text-decoration: None;
 color: #000000;
 background-image: url('./hintergrund-bunsenhp.jpeg');
 background-repeat: no-repeat;
 background-size: cover;
 background-attachment: fixed;
 background-position: 50% 50%;


/* background-color: #666666;
 background: linear-gradient(to right, #666666, #999999); #3e6675  */
}

header {
    font-size: 22px;
    font-family: Dosis, Helvetica, sans-serif;
    color: #FFFFFF;
    background-image: linear-gradient(135deg, #2c4954, #5892a7);}

div {
}

#box1 {
    font-size: 18px;
    font-family: Dosis, Helvetica, sans-serif;
    /*width: 80%;
    	margin: 1cm;
	padding: 0.5cm;
	background-color: #003366;*/
	box-shadow: 10px 10px 10px #999;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding: 0.5cm;
	border-radius: 20px;
	height: 95%;
	background-image: linear-gradient(135deg, #2c4954, #5892a7);
	border-radius: 20px;
	color: #FFFFFF;
	}

article {
  border: 1px solid;
  display: flex;  
}

section, aside  {
  border:  1px solid red;
  padding: 5px;
  flex: 1;
}

fieldset {font-size: 18px;
    font-family: Dosis, Helvetica, sans-serif;
   }

a {color: #003366; text-decoration: none;}
a:hover {color: #FF9966; text-decoration: none;}

table, th, td {border-collapse: collapse;
    color: #000000;
    font-size: 18px;
    font-family: Dosis, Helvetica, sans-serif;
}
#reob {text-align: right; vertical-align:top; }

p {
    color: #000000;
    font-size: 24px;
    font-family: Dosis, Helvetica, sans-serif;
}

    .left    { text-align: left; }
    .right   { text-align: right; }
    .center  { text-align: center; }
    .justify { text-align: justify; }
    .start   { text-align: start; }
    .end     { text-align: end; }
    .blau {background-color: #336699; color: #FFFFFF;}
    .weis {background-color: #FFFFFF; color: #333333;}