@font-face {font-family: "TildaSansLight"; src: url("/fonts/tilda-sans_light.woff") format('woff');}
@font-face {font-family: "MatrixSansScreen"; src: url("/fonts/MatrixSans-Screen.otf") format("opentype");}
@font-face {font-family: "0xProtoRegular"; src: url("/fonts/0xProto-Regular.otf") format("opentype");}*/
@font-face {font-family: "ubuntu"; src: url("/fonts/ubuntu.regular.ttf") format("truetype");}
@font-face {font-family: "ubuntuMedium"; src: url("/fonts/ubuntu.medium.ttf") format("truetype");}
@font-face {font-family: "ubuntuThin"; src: url("/fonts/ubuntu.thin.ttf") format("truetype");}
@font-face {font-family: "ubuntuLight"; src: url("/fonts/ubuntu.light.ttf") format("truetype");}
@font-face {font-family: "ubuntuBold"; src: url("/fonts/ubuntu.bold.ttf") format("truetype");}
@font-face {font-family: "ubuntuItalic"; src: url("/fonts/ubuntu.italic.ttf") format("truetype");}
@font-face {font-family: "ubuntuItalicBold"; src: url("/fonts/ubuntu.medium-italic.ttf") format("truetype");}
@font-face {font-family: "ubuntuMono"; src: url("/fonts/ubuntu.mono.ttf") format("truetype");}

@font-face {
    font-family: 'Caveat';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/static/Caveat-Regular.ttf');
}
@font-face {
    font-family: "Oswald-Medium";
    src: url("/fonts/Oswald-Medium.ttf");
}
@font-face {
    font-family: "opensans-light";
    src: url("/fonts/opensans-light.eot");
    src: url("/fonts/opensans-light.eot?#iefix") format("embedded-opentype"),
    url("/fonts/opensans-light.woff2") format("woff2"),
    url("/fonts/opensans-light.woff") format("woff"),
    url("/fonts/opensans-light.ttf") format("truetype"),
    url("/fonts/opensans-light.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal;
}s

@font-face  {
    font-family: "Montserrat-Regular";
    src: url(/assets/montserrat/Montserrat-Regular.ttf);
}

@font-face  {
    font-family: "Montserrat-SemiBold";
    src: url(/assets/montserrat/Montserrat-SemiBold.ttf);
}

@font-face  {
    font-family: "Montserrat-Light";
    src: url(/assets/montserrat/Montserrat-Light.ttf);
}

div.WebFenster      {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; overflow: none;font-family: Montserrat-Regular;}
div.WebHeader       {position: relative; top: 0px; left: 0px; right: 0px; background-color: rgb(255, 255, 255); color: rgb(24,24,24); min-height: 220px; color: rgb(24,24,24); margin: 0; padding: 0;}
div.WebHeaderBalken {position: absolute; top: 0px; right: 0px; left: 0px; min-height: 40px; height: 40px; margin: 0; padding: 0; background-color: rgb(100, 195, 45);}
div.WebHeaderPosition   {position: relative; margin: 0px auto; width: 1000px; top: 90px;}
div.Logo            {}
div.HamburgerMenu      {display: none; cursor:pointer;}
div.WebMenu            {display: block; position: absolute; right: 0px;}
div.WebMenu ul    {position: absolute; bottom: 0px; right: 0px; display: flex; flex-direction: row; list-style-type: none;}
div.WebMenu ul li {margin: 4px 0px 4px 18px; font-size: 20px; color: rgb(24,24,24);}


div.WebContentBereich      {position: absolute; top: 220px; right: 0px; bottom: 0px; left: 0px;background-color: rgb(100, 195, 45); background-image: url('/img/ebiologie_background.svg'); background-position: center; background-repeat: no-repeat; background-size: 100% auto; font-family: Montserrat-Regular;}
div.WebContent             {position: relative; margin: 0 auto; width: 1000px; top: 100px; height: calc(100% - 188px); background-color: rgb(255,255,255);  overflow: auto; line-height: 1.75em; font-family: Montserrat-Regular; letter-spacing: -0.3pt; text-align: left;}
div.WebContent article     {margin: 24px;}
div.WebContent main        {margin: 24px;}
div.WebContent h1          {font-size: 64px; font-weight: normal; color: rgb(72,72,72);}
div.WebContent p           {position: relative;}


div.WebFooter       {position: absolute; right: 0px; bottom: 0px; left: 0px; height: 60px; display:flex; justify-content: center; background-color: none;}
div.WebFooter footer    {margin: 6px 0 0 0; color: rgb(24,24,24); font-size: 18px; color: white; text-shadow: 1px 1px 2px rgb(0,0,0);}

/* Kundendefinitionen */

header              {position: absolute; top: 24px; right: 0px; left: 0px; height: 125px; background-color: rgba(140, 182, 60, 1); color: rgba(248, 249, 250, 1); z-index: 200;}
nav                 {display: none;}
main                {position: relative; top: 0px; right: 0px; left: 0px; min-height: 640px; margin: 0; padding: 200px 0 0 0; background-image: url(/img/raster_bg_251x251.png); z-index: 100; color: rgba(52, 58, 64, 1)}
footer              {color: rgba(248, 249, 250, 1); background-color: rgba(140, 182, 60, 1); min-height: 120px;}

article             {width: 100%; min-height: 150px; line-height: 1.2; font-size: 20px;}
article.standard h1    {font-weight: bold; font-family: Montserrat-SemiBold; text-transform: uppercase; color: rgba(140, 182, 60, 1); font-size: 72px; letter-spacing: -2pt;}
article.standard h2    {font-weight: bold; font-family: Montserrat-SemiBold; text-transform: uppercase; color: rgba(140, 182, 60, 1); font-size: 48px; letter-spacing: -2pt;}
article.standard h3    {font-weight: bold; font-family: Montserrat-SemiBold;  color: rgba(140, 182, 60, 1); letter-spacing: -2pt;}

article.gruen       {background-color: rgba(221, 233, 197, 1);}
article.gruen h1    {font-weight: bold; font-family: Montserrat-SemiBold; text-transform: uppercase; color: rgba(140, 182, 60, 1); font-size: 48px;}
article.gruen h2    {font-weight: bold; font-family: Montserrat-SemiBold; text-transform: uppercase; color: rgba(140, 182, 60, 1); font-size: 36px;}
article.gruen h3    {font-weight: bold; font-family: Montserrat-SemiBold;  color: rgba(51, 58, 64, 1);}
article.grau        {background-color: rgba(225, 225, 225, 1);}

nav ul              {list-style: none; display: flex; justify-content: flex-end; padding: 0; margin: 0;}
nav ul li           {display: inline; margin: 0 0 0 24px;}
nav ul li.gruen     {color: #A3D977;}





div.headerzentrierung     {margin: 0px auto 0px auto; padding: 0px 0 0px 0; width: 1100px;}
div.zentrierung     {margin: 0px auto 0px auto; padding: 24px 0; width: 1000px; font-family: ubuntuMedium;}
div.direktkontakt   {margin: 0px auto 0px auto; padding: 2px 0; text-align: right; width: 1000px;}

div.zweiSpalten     {display: flex; width: 100%; margin: 0; padding: 0px;}
div.boxencontent:first-child    {flex: 0 0 220px;}
div.boxencontent    {flex: 1;}
div.boxencontent img    {max-width: 150px;}


div.busappcontent   {font-size: 20px;}
div.busappcontent div.menu            {z-index: 500;}
div.busappcontent div.menu a          {text-decoration: none; color: rgba(248, 249, 250, 1);}
div.busappcontent div.menu a:hover    { color: rgba(51, 58, 64, 1);}
div.busappcontent div.menu a:visited  { color: rgba(248, 249, 250, 1);}
div.busappcontent div.hamburgermenu   { z-index: 505; cursor: pointer;}

div.busappcontent img.icon            {width: 100px; max-width: 100px; display: block;}
div.busappcontent img.links           {margin: 0 24px 0 0; float: left;}
div.busappcontent img.rechts          {margin: 0 0 0 24px; float: right;}

div.busappcontent p                   {margin: 0 0 12px 0; padding: 0;}
div.busappcontent a                   {text-decoration: none; color: rgba(140, 182, 60, 1);}
div.busappcontent a:hover             {color: green;}
div.busappcontent a:visited           {color: rgba(140, 182, 60, 1);}
i                   {font-family: ubuntuLight;}

div.busappcontent div.footer  a       {color: white;}
div.busappcontent div.footer  a:hover       {color: white;}
div.busappcontent div.footer  a:visited       {color: white;}