@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;
}

div.WebFenster      {position: absolute; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0; padding: 0; min-height: 100%;}
div.WebFenster      {font-family: "opensans-light",Helvetica,sans-serif;}

div.WebHeader       {position: -webkit-sticky; position: sticky; display: block; margin: 0; padding: 0; color: #0033ff; font-family: "Oswald-Medium"; z-index: 100;}
div.WebHeader div.WebMenuSchalter   {display: none;}
/*div.WebHeader ul    {display: flex; align-items: center; justify-content: center;}*/
div.schleife        {display: flex;}
div.WebMenu         {position: absolute; width: 100%; font-weight: bold;}
div.WebSeitenTitel  {position: relative; display: flex; margin: 0; padding: 0; background-color: #fcfcff; font-family: Caveat, sans-serif;}
div.WebSeitenTitel header  {display: block;}
div.WebSeitenTitelkontakt  {position: relative; display: flex; margin: 0; padding: 0; background-color: #fcfcff; font-family: Caveat, sans-serif;}
div.WebSeitenTitelkontakt header  {display: block;}
div.WebContent      {position: relative; background-color: rgb(249,249,249,0.5);; margin: 0; padding: 0;}
div.WebContent article      {display: block;}
div.WebContent div.bereich1     {width: 100%; background-color: rgb(249,249,249,0);}
div.WebContent div.bereich2     {width: 100%; background-color: rgb(240,240,240,0.5);}
div.WebContent ul   {line-height: 1.75em;}
div#StartContent  {height: 100%; min-height: 100%;}
/*div#Startseite  {height: 100%; min-height: 100%; background-image: url('/images/webheader/2024-08-10-14-30-50-704.PNG'); background-size: auto 100%; background-position-x: center;  background-repeat: no-repeat; text-shadow: 2px 2px 5px black;}*/
div#Startseite  h1  {color: white; text-align: center;}

div#Bilderliste ul  {list-style: none; margin: 36px 0; padding: 0;}
div#Bilderliste ul li   {display: inline-block; margin: 0 6px 6px 6px; padding: 0 0 24px 0; vertical-align: top; text-align: center; max-width: 280px; width: 280px;}

/*div.boxencontent    {background-color: #dddddd; color: white; box-shadow: 5px 5px 5px #666666;}*/ /*  #bbbbbb;  */
div#PDFs ul li img  {box-shadow: 5px 7px 10px gray;}






div.busappcontent p       {color: #111111;}
div.busappcontent h1, h2, h3      	{text-align: left; letter-spacing: -0.03em; font-weight: normal; color: #0000ff;}
div.busappcontent h1					{letter-spacing: 0.15em;}
div.busappcontent h2					{color: #0000ff;}
div.busappcontent h3					{letter-spacing: 0.1em;}
div.busappcontent h4					{color: #0000ff; font-weight: normal; letter-spacing: -0.3pt;}
div.busappcontent h2 + p              {margin-top: 0px;}
div.busappcontent h3 + p              {margin-top: 0px;}
div.busappcontent h4 + p              {margin-top: 0px;}
div.busappcontent a                   {text-decoration: none; color: #0000ff;}
div.busappcontent a:hover             {color: #0000ff;}
div.busappcontent a:visited           { color: #0000ff;}
div.busappcontent p                   {line-height: 1.75em;}
div.WebContent img.PDF             {box-shadow: 5px 7px 10px gray; width: 220px;}

div#cke_pagecontent img               {max-width: 660px;}

div#cke_pagecontent img.links           {width: 45%; max-width: 420px; float: left; margin: 5px 24px 20px 0;}
div#cke_pagecontent img.rechts          {width: 45%; max-width: 420px; float: right; margin: 5px 0 20px 24px;}
div#cke_pagecontent img.PDF             {box-shadow: 5px 7px 10px gray; width: 220px;}


@import "/assets/css/main.css";




/* Desktop */
/*
div.WebHeader a                   {text-decoration: none; color: rgb(245,245,245);}                 
div.WebHeader a:visited           {text-decoration: none; color: rgb(245,245,245);}
div.WebContent a                   {text-decoration: none; color: rgb(245,245,245);}                 
div.WebContent a:visited           {text-decoration: none; color: rgb(245,245,245);}
div.WebFooter a                   {text-decoration: none; color: rgb(245,245,245);}                 
div.WebFooter a:visited           {text-decoration: none; color: rgb(245,245,245);}


div.WebHeader       {position: relative; top: 0px; left: 0px; right: 0px; background-color: rgb(117, 202, 66); min-height: 120px; color: rgb(245,245,245); text-shadow: 1px 1px 5px #435624; }
div.WebHeader ul    {position: absolute; bottom: 0px;}
div.WebHeader ul li {float: left; display: inline; margin: 4px 10px;}

div.WebContent      {position: relative; min-height: 70%; width: 50%; min-width: 50%; margin: 148px auto 96px auto; border: 1px solid black;}



div.WebFooter       {margin: 0px auto 0px auto; padding: 48px 0 96px 0; background-color: rgb(117, 202, 66); min-height: 220px; color: rgb(245,245,245); text-shadow: 1px 1px 5px #435624; text-align: left; }
footer           {display: flex; justify-content: space-between;position: relative; min-height: 50%; width: 50%;min-width: 50%; margin: 0px auto 0px auto;}*/