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: #ffffff; margin: 0; padding: 0;}
div.WebHeader       {position: -webkit-sticky; position: sticky; display: block; background-color: #ffffff; margin: 0; padding: 0; color: #0000ff; z-index: 1000; box-shadow: 0px 5px 5px silver;}

div.WebSeitenTitel  {position: relative; display: flex; margin: 0; padding: 0; background-color: #fcfcff; font-family: Caveat, sans-serif; width: 100%; height: 420px; min-height: 300px; margin-top: 0px; top: 0px; left: 0px; right: 0px;}
div.WebSeitenTitel header   {margin: 0 0; width: 100%; min-width: 100%; background-image: url('/images/webheader/Rheintal_Nebel.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
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      {position: relative; display: flex; background-color: #fcfcff; margin: 0; padding: 0 0 0 0;}
div.WebContent article      {display: block;}
div.WebContent div.bereich1     {width: 100%; background-color: #ffffff; padding-bottom: 0px;}
div.WebContent div.bereich2     {width: 100%; background-color: #f3f3f3; padding-bottom: 0px;}

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: #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;}


/* 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: #0000ff; text-decoration: none;}

div.WebFenster      {}

div.WebHeader       {width: 100%; height: 100px; min-height: 100px; max-height: 100px; top: 0px; left: 0px; right: 0px; border-bottom: 0px solid #0000ff;}
div.WebHeader div.WebMenu   {margin: 0; padding: 0px;}
div.WebHeader nav        {display: block; width: 1170px; position: relative; z-index: 100; margin: 0 auto; padding: 0 0 0 120px;}
div.WebHeader div.WebMenuSchalter   {display: none;}

div.WebHeader ul li      {padding: 68px 24px 8px 0; font-size: 16px;}
div.firmenlogo           {position: absolute;}
div.firmenlogo a img       {margin: 20px 24px 0 24px; max-height: 64px;}
div.socialMedia           {display: inline;}
div.socialMedia a img       {margin: 20px 24px 0 0; max-height: 18px;}
div.WebContent      {width: 100%; min-height: 240px; top: 0px; left: 0px; right: 0px;}
div.WebContent article  {margin: 0 auto; width: 1100px;}
div.WebContent p                   {font-size: 18px;}
div.WebContent h1                  {font-size: 40px; line-height: 42px; margin: 80px 0 80px 0; padding: 0px;}
div.WebContent h2                  {font-size: 28px; line-height: 30px; margin: 30px 0 36px 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           {width: 50%; max-width: 360px; float: left; margin: 0 12px 0 12px;}
div.WebContent img.rechts          {width: 50%; max-width: 360px; float: right; margin: 0 0 12px 12px;}
img.links           {width: 50%; max-width: 360px; float: left; margin: 0 12px 0 12px;}
img.rechts          {width: 50%; max-width: 360px; float: right; margin: 0 0 12px 12px;}
div.WebContent img                 {max-width: 100%;}
div.WebContent q                   {display: block; font-size: 1.4em; font-style: italic; text-align: center; color: white; margin: 0px auto; padding: 32px 18px 72px 18px; max-width: 50%; background-image: url("/img/SprachBlase.png"); background-repeat: no-repeat; background-size: 100% 100%;}

q                   {display: block; font-size: 1.4em; font-style: italic; text-align: center; color: white; margin: 0px auto; padding: 32px 18px 72px 18px; max-width: 50%; background-image: url("/img/SprachBlase.png"); background-repeat: no-repeat; background-size: 100% 100%;}
blockquote                   {display: block; font-size: 1.4em; font-style: italic; text-align: center; color: white; margin: 0px auto; padding: 18px 18px 84px 18px; max-width: 50%; background-image: url("/img/SprachBlase.png"); background-repeat: no-repeat; background-size: 100% 100%;}
blockquote p        {margin: 0; padding: 0; font-size: 24px; font-style: italic; text-align: center; color: white;}
div.WebContent blockquote p        {margin: 0; padding: 0; font-size: 24px; font-style: italic; text-align: center; color: white;}


div.boxen			{display: flex; justify-content: center; margin: 0 auto; padding: 0; width: 1100px;}
div.boxencontent	{width: 516px; min-width: 516px; max-width: 516px; margin: 0; padding: 64px 20px 20px 20px; font-size: 14px; line-height: 20px; min-height: 516px; height: 516px; max-height: 516px; overflow: hidden;}
div.boxencontent:first-of-type   {padding: 64px 20px 20px 64px;}
div.boxencontent:last-of-type    {padding: 64px 64px 20px 20px;}
div.boxencontent img    {width: calc( 550px + 84px ); max-width: 150%; margin: -84px -32px -32px -64px; padding: 0;}
div.boxencontent p    {font-size: 1em;}

div.WebFooter           {width: 100%; min-height: 440px; top: 0px; left: 0px; right: 0px;}
div.WebFooter footer    {margin: 40px auto 0 auto; width: 1100px; display: flex; justify-content: space-between;}
div.WebFooter div        {min-with: 50%; padding: 0px; margin: 0px;}

div.steckbrief      {display: flex; justify-content: space-between; width: 80%; color: white; background-color: rgba(35, 38, 41, 0.8);}
div.steckbrief div.steckbrief   {width: 48%;}
div.steckbrief img   {max-width: 95%;}
div.steckbrief p     {color: white;}
div.steckbrief h1      {color: white;}
div.steckbrief h2      {color: white;}
div.steckbrief h3      {color: white;}
div.steckbriefbox   {width: 48%;}
div.steckbriefbox img   {max-width: 95%;}
div.steckbriefbox p     {color: white;}
div.steckbriefbox h1      {color: white;}
div.steckbriefbox h2      {color: white;}
div.steckbriefbox h3      {color: white;}