div.WebFenster      {position: absolute; display: block; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0; padding: 0;}
div.WebHeader       {position: relative; display: block; background-color: #cc0000; margin: 0; padding: 0;}
div.WebSeitenTitel  {position: relative; display: flex; margin: 0; padding: 0; background-color: #dd0000; font-family: Caveat, sans-serif;}
div.WebSeitenTitel header  {display: block;}
div.WebContent      {position: relative; display: flex; background-color: #eeffff; margin: 0; padding: 0 0 0 0;}
div.WebContent article      {display: block;}
div.WebContent div.bereich1     {width: 100%; background-color: #ffffff; padding-bottom: 40px;}
div.WebContent div.bereich2     {width: 100%; background-color: #fafafa; padding-bottom: 40px;}
div.WebFooter       {position: relative; display: flex; margin: 0; padding: 0; background-color: #aaaaaa;}

div.WebFenster      {font-family: "opensans-light",Helvetica,sans-serif;}

div.busappcontent p       {color: #111111;}
div.busappcontent h1, h2, h3      	{text-align: left; letter-spacing: -0.03em; font-weight: normal; color: #FF8F02;}
div.busappcontent h1					{letter-spacing: 0.15em;}
div.busappcontent h2					{color: #bf3922;}
div.busappcontent h3					{letter-spacing: 0.1em;}
div.busappcontent h4					{color: #bf3922; 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: #ee0000;}
div.busappcontent a:hover             {color: #00eeee;}
div.busappcontent a:visited           { color: #cc0000;}
div.busappcontent p                   {line-height: 1.75em;}

/* MENU */

div.WebHeader ul        {margin: 0; padding: 0;}
div.WebHeader ul li     {float: left; display: inline; list-style: none; margin: 0; padding: 0; text-transform: uppercase; color: #eeeeee;}
div.WebHeader ul li a   { color: #eeeeee; text-decoration: none;}

div.WebFenster      {}
div.WebHeader       {width: 100%; height: 60px; min-height: 60px; max-height: 60px; top: 0px; left: 0px; right: 0px;}
div.WebHeader nav        {margin: 0 auto; width: 720px;}
div.WebHeader ul li      {padding: 18px 24px 18px 0; font-size: 16px;}
div.socialMedia           {display: inline;}
div.socialMedia a img       {margin: 20px 24px 0 0; max-height: 18px;}
div.WebSeitenTitel  {width: 100%; height: 300px; min-height: 300px; top: 0px; left: 0px; right: 0px;}
div.WebSeitenTitel header   {margin: 0 auto; width: 720px; background-image: url(/img/beneschfurrer_titel.png); background-position: right bottom; background-repeat: no-repeat; background-size: 72% auto;}
div.WebSeitenTitel header h1    {margin-top: 192px; margin-left: 0px; font-size: 72px; color: rgb(250,250,250); letter-spacing: -0.03em; text-shadow: 4px 4px black;}
div.WebContent      {width: 100%; min-height: 240px; top: 0px; left: 0px; right: 0px;}
div.WebContent article  {margin: 0 auto; width: 720px;}
div.WebContent p                   {font-size: 18px;}
div.WebContent h1                  {font-size: 40px; line-height: 42px; margin: 16px 0 16px 0; padding: 0px;}
div.WebContent h2                  {font-size: 28px; line-height: 30px; margin: 12px 0 12px 0; padding: 0px; letter-spacing: 0.1em;}
div.WebContent h3                  {font-size: 20px; line-height: 22px; margin: 4px 0 4px 0; padding: 0px; letter-spacing: 0.1em;}
div.WebContent h4                  {font-size: 20px; line-height: 22px; margin: 4px 0 4px 0; padding: 0px; letter-spacing: 0.1em;}
div.WebContent img.links           {max-width: 360px; float: left; margin: 0 12px 0 12px;}
div.WebContent img.rechts          {max-width: 360px; float: right; margin: 0 0 12px 12px;}
div.WebContent img                 {max-width: 100%;}
div.WebFooter           {width: 100%; min-height: 440px; top: 0px; left: 0px; right: 0px;}
div.WebFooter footer    {margin: 40px auto 0 auto; width: 720px; display: flex; justify-content: space-between;}
div.WebFooter div        {min-with: 50%; padding: 0px; margin: 0px;}

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

div.presseliste ul   {list-style: none; margin: 0; padding: 0;}
div.presseliste ul li  {display: inline-block; margin: 0 36px 36px 6px; padding: 0 4px 4px 4px; max-width: 162px; width: 162px; height: none; box-shadow: 5px 10px 10px gray; border: 1px solid black; text-align: center;}
div.presseliste ul li img   {height: 160px; max-height: 160px; width: 160px; object-fit: cover; object-position: left top;}
div.presseliste ul li p {margin: 0; padding: 0;}