@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 div.WebFooter       {position: relative; display: flex; margin: 0; padding: 0; color: #f7f7f7; background-color: rgba(0, 0, 254, 0.8); font-family: "Oswald-Medium"}
div.busappcontent div.WebFooter a     {color: #f7f7f7;}
div.busappcontent div.WebFooter p     {color: #f7f7f7;}



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


/* Desktop */

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.schleife  {position: absolute; margin: 10px 0 0 0; padding: 0px; z-index: 120;}
div.WebHeader div.WebMenu   {position: absolute; margin: 0; padding: 0px; color: rgb(250,250,250); z-index: 130;}
div.WebHeader nav        {display: block; width: 100%; position: relative; z-index: 125; margin: 0 0 0 0; padding: 0 0 0 0px;}
div.WebHeader div.WebMenuSchalter   {display: none;}
div.schleife div img    {max-height: 161px; height: 161px;}
div.socialMedia           {display: inline;}
div.socialMedia a img       {margin: 20px 24px 0 0; max-height: 18px;}
div.WebSeitenTitel  {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('/img/bannerimage.cfm?rd=12345'); background-position: center center; background-repeat: no-repeat; background-size: cover;}
div.WebSeitenTitelkontakt  {width: 100%; height: 480px; min-height: 300px; margin-top: 0px; top: 0px; left: 0px; right: 0px;}
div.WebSeitenTitelkontakt header   {margin: 0 0; width: 100%; min-width: 100%; background-image: url(/images/kroki/Kroki_IMMORheintal.png); background-position: center center; background-repeat: no-repeat; background-size: 105% 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.WebFenster      {padding-top: 140px;}
div.WebContent      {width: 100%; min-height: 240px; top: 0px; left: 0px; right: 0px; padding: 0 0 0 0; margin-bottom: 180px;}
div.WebContent article  {margin: 0px auto 120px auto; width: 1170px;}
div.WebContent p                   {font-size: 18px;}
div.WebContent h1                  {font-size: 40px; margin: 100px 0 50px 0; padding: 0px; font-family: "Oswald-Medium";}
div.WebContent h2                  {font-size: 28px; margin: 30px 0 36px 0; padding: 0px; font-family: "Oswald-Medium";}
div.WebContent h3                  {font-size: 20px; margin: 4px 0 28px 0; padding: 0px; font-family: "Oswald-Medium";}
div.WebContent h4                  {font-size: 20px; margin: 22px 0 28px 0; padding: 0px; font-family: "Oswald-Medium";}
div.WebContent img.links           {width: 45%; max-width: 420px; float: left; margin: 5px 24px 20px 0;}
div.WebContent img.rechts          {width: 45%; max-width: 420px; float: right; margin: 5px 0 20px 24px;}
div.WebContent blockquote          {max-width: 40%; width: 40%;}
div.WebContent blockquote p        {font-size: 1.4em;}


div.boxen			{display: flex; justify-content: center; margin: 0 auto; padding: 0; width: 1170px;}
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( 585px + 84px ); margin: -84px -32px -32px -64px; padding: 0;}
div.boxencontent p    {font-size: 1em;}

div.WebFooter           {width: 100%; min-height: 320px; top: 0px; left: 0px; right: 0px; padding-bottom: 96px;}
div.WebFooter footer    {margin: 40px auto 0 auto; width: 1170px; display: flex; justify-content: space-between;}
div.WebFooter div        {min-width: 24%; padding: 0px; margin: 0px;}
div.webFooter div:last-child    {text-align: right;}
div.webFooter div:last-child p    {text-align: right;}

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