@font-face {font-family: "SulphurPointLight"; src: url("/fonts/SulphurPoint-Light.otf") format("opentype");}
@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");}

div.screengroesse	{position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0; padding: 0; overflow: hidden; background-color: #0087c0;}
div.hintergrundimg  {position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 0.1; margin: 0; padding: 0; overflow: hidden;}
div.hintergrundimg img  {min-height: 100%;}

/*div.artikel		{z-index: 101;}
div.menu		{z-index: 102;}*/

div.leiterbahncontenthintergrund01	{position: absolute; top: 0px; right: 0px; opacity: 0.4; z-index: 10;}
/*div.leiterbahncontenthintergrund02	{position: fixed; top: 120px; right: 0px; opacity: 0.4; z-index: 11;}
div.leiterbahncontenthintergrund03	{position: fixed; top: 140px; left: 0px; opacity: 0.4; z-index: 10;}*/
div.leiterbahncontenthintergrund04	{position: absolute; top: 20px; right: 0px; opacity: 0.2; z-index: 11;}


div.titelzeile      {position: absolute; top: 0px; left: 0px; right: 0px; height:100px; background-color: rgba(49,52,52,0); margin:0px; padding: 0;}
div.fusszeile       {position: absolute; left: 0px; right: 0px; bottom: 0px; height: 60px; background-color:  rgba(49,52,52,0);}
div.navigation      {position: absolute; top:120px; right: 0px; bottom: 80px; width: calc(10% - 102px); border-radius: 56px 0 0 56px; font-family:'TildaSansLight'; font-weight: lighter; background-color: rgba(49,52,52,254); color: rgb(224,224,224); margin: 0px; padding: 72px 36px 72px 56px; overflow: auto;}
div.articlecontent  {position: absolute; top:120px; left: 0px; bottom: 80px; width: calc(90% - 82px); border-radius: 0 56px 56px 0; font-family: '0xProtoRegular'; font-weight: lighter; background-color: rgba(224,224,224,254); color: rgb(49,52,52); margin: 0px; padding: 72px 36px 72px 36px; overflow: auto;}


div.busappcontent div.titelzeile h1   {position: absolute; bottom: 0px; right: 36px; font-size: 72px; font-weight: bold; font-family: sans-serif; letter-spacing: -0.06em; color: white; margin: 0; padding: 0; text-shadow: 2px 2px 3px black;}
div.titelzeile p   {position: absolute; bottom: 0px; left: 36px; font-size: 20px; color: white; margin: 0; padding: 0; font-family: '0xProtoRegular'; text-shadow: 2px 2px 3px black;}
div.fusszeile p    {position: absolute; top: 18px; left: 36px; font-size: 16px; color: white; margin: 0; padding: 0; font-family: '0xProtoRegular'; text-shadow: 2px 2px 3px black;}
div.navigation a      {text-decoration: none; color: rgb(224,224,224);}
div.articlecontent a	{text-decoration: none; color: rgb(0,152,0);} 
div.articlecontent a:hover {color: rgb(255,255,255);}

div.navigation ul   {list-style-type: none; margin: 0; padding: 0}
div.navigation ul li    {font-size: 20px; margin: 0; padding: 0 0 18px 0;}
div.navigation ul li ul li  {font-size: 18px; margin: 0; padding: 4px 0 0 20px;}
div.navigationButton1    {display: none;}
div.navigationButton2    {display: none;}
div.navigationButton3    {display: none;}
div.navigationButton4    {display: none;}
div.fusszeileMobil    {display: none;}
div.fussleisteMobil    {display: none;}

div.boxen               {width: 100%;}
div.boxencontent        {background-color: #171717; color: white; }
div.boxen               {display: flex; justify-content: center;}
div.boxen div:first-of-type   {border-radius: 24px 0 0 24px;}
div.boxen div:last-of-type   {border-radius: 0 24px 24px 0;}
div.boxencontent        {width: 280px; min-width: 220px; max-width: 280px; min-height: 280px; margin: 6px 6px 32px 6px; padding: 20px 20px; }
div.boxencontent a        {color: white;}

div.busappcontent h1 img   {max-height: 64px; float: right;}
div.busappcontent h2 img   {max-height: 64px; float: right;}
div.busappcontent h3 img   {max-height: 64px; float: right;}
div.busappcontent h4 img   {max-height: 64px; float: right;}
div.busappcontent h1   {font-size: 42px; font-weight: normal; font-family:'TildaSansLight'; color: rgba(49,52,52,254); margin: 0px; padding: 24px 0 30px 0;}
div.busappcontent h2   {font-size: 32px; font-weight: normal; font-family:'TildaSansLight'; color: rgb(25,147,198); margin: 0px; padding: 20px 0 24px 0;}
div.busappcontent h3   {font-size: 26px; font-weight: normal; font-family:'TildaSansLight'; color: rgb(25,147,198); margin: 0px; padding: 16px 0 20px 0;}
div.busappcontent h4   {font-size: 20px; font-weight: normal; font-family:'TildaSansLight'; color: rgb(25,147,198); margin: 0px; padding: 14px 0 16px 0;}
div.busappcontent p    {font-size: 16px; line-height: 1.8; font-weight: lighter; font-family: '0xProtoRegular'; margin: 0px; padding: 0 0 16px 0;}
div.busappcontent img.menulistenbild    {max-height: 32px; margin: 0 8px 0 8px; padding: 0;}

div.busappEditor a	{text-decoration: none; color: rgb(25,147,198);}

div.articlecontent a	{text-decoration: none; color: rgb(25,147,198);} 
div.articlecontent a:hover {text-decoration: none; color: rgb(255,255,255);}

div.articlecontent h1   {text-transform: uppercase; color: rgba(49,52,52,254);}
div.articlecontent h2   {text-transform: uppercase; color: rgb(25,147,198);}
div.articlecontent h3   {text-transform: uppercase; color: rgb(25,147,198);}
div.articlecontent h4   {text-transform: uppercase; color: rgb(25,147,198);}

div.articlecontent h1   {font-size: 42px; font-weight: normal; font-family:'TildaSansLight'; margin: 0px; padding: 24px 0 30px 0;}
div.articlecontent h2   {font-size: 32px; font-weight: normal; font-family:'TildaSansLight'; margin: 0px; padding: 20px 0 24px 0;}
div.articlecontent h3   {font-size: 26px; font-weight: normal; font-family:'TildaSansLight'; margin: 0px; padding: 16px 0 20px 0;}
div.articlecontent h4   {font-size: 20px; font-weight: normal; font-family:'TildaSansLight'; margin: 0px; padding: 14px 0 16px 0;}
div.articlecontent p    {font-size: 16px; line-height: 1.8; font-weight: lighter; font-family: 'ubuntu'; margin: 0px; padding: 0 0 16px 0; display: block;}
div.articlecontent li   {font-size: 16px;}

article                 {max-width: 720px; margin: 0 auto;}

img.rechts		{float: right; margin: 10px 0 16px 22px; max-width: 40%;}
img.links		{float: left; margin: 10px 22px 16px 0; max-width: 40%;}

img.banner { width: 100%; max-width: 720px; border-radius: 24px 24px 24px 24px;}

q	{font-style: italic; width: 100%; text-align: center; margin: 2.8em auto; display: block; font-size: 1.4em;}

ul.bilderliste {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.bilderliste li {
    display: inline-block;
    margin: 0 6px 6px 6px;
    padding: 0;
    max-width: 164px;
    width: 164px;
}
ul.bilderliste li img {
    height: 164px;
    width: 100%;
    border-radius: 6px;
    object-fit: cover;
    object-position: center center;
}