@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: "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);
}


html	{height: 100%; max-height: 100%; width: 100%; min-width: 100%; margin: 0; padding: 0;}
body	{height: 100%; min-height: 100%; max-height: 100%; border: 0; margin: 0; padding: 0;background-color: ; font-family: Montserrat-Regular,sans-serif; letter-spacing: -0.3pt; text-align: left;}

h1,h2,h3              {font-weight: bold; font-family: Montserrat-SemiBold;}

div.hauptfenster    {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; z-index: 1;}
nav                 {position: fixed; top: 54px; right: 0px; left: 0px;  z-index: 300; color: rgba(248, 249, 250, 1); font-size: 20px;}
header              {position: fixed; top: 24px; right: 0px; left: 0px; height: 120px; background-color: rgba(1, 19, 68, 1); color: rgba(248, 249, 250, 1); z-index: 200;}
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(1, 19, 68, 1); min-height: 60px; height: 60px;}
article             {width: 100%; min-height: 150px; font-size: 20px;}
article.gruen       {background-color: rgba(163, 217, 119, 0.7);}

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: 20px 0 20px 0; width: 1200px;}
div.zentrierung     {margin: 0px auto 0px auto; padding: 24px 0; width: 1100px;}
img.icon            {width: 100px; max-width: 100px; display: block;}
img.links           {margin: 0 24px 0 0; float: left;}
img.rechts          {margin: 0 0 0 24px; float: right;}

p                   {margin: 0; padding: 0;}