@font-face {
font-family: "Oswald-Medium";
src: url("/assets/fonts/Oswald-Medium.ttf");
}

@font-face {
    font-family: "opensans-light";
    src: url("/assets/fonts/opensans-light.eot");
    src: url("/assets/fonts/opensans-light.eot?#iefix") format("embedded-opentype"),
         url("/assets/fonts/opensans-light.woff2") format("woff2"),
         url("/assets/fonts/opensans-light.woff") format("woff"),
         url("/assets/fonts/opensans-light.ttf") format("truetype"),
         url("/assets/fonts/opensans-light.svg#open_sanslight") format("svg");
    font-weight: normal;
    font-style: normal;
}


div.content		{color: #666666; background-color: #232323; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal; letter-spacing: -0.3pt; min-height: 100%;}

div.content h1, h2, h3, h4, h5	{text-align: left; letter-spacing: -0.03em; font-weight: normal; color: #666666; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}
div.content h1					{letter-spacing: 0.15em;}
div.content h2					{color: #bf3922;}
div.content h4					{color: #bf3922;}

div.screengroesse	{position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0; padding: 0; overflow: hidden;}
div.contentgroesse  {position: relative; top: 0px; right: 0px; bottom: 0px; left: 0px; margin: 0; padding: 0; overflow: auto;}

div.titelzeile      {position: relative; top: 0px; left: 0px; right: 0px; z-index: 100; color: white;} 
div.titelzeile a:hover  {color: yellow;}

div.content         {position: relative; display: block; width: 100%; margin: 0; padding: 0; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}
div.content a       {color: white; text-decoration: none;}
div.content a:hover {color: yellow;}

div.contentbereich  {position: relative; display: block; margin: 0 auto 0 auto; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}

div.bereichstart	{position: relative; display: flex; color: black; background-image: url(/images/hintergrund_uebergang.png); background-repeat: no-repeat; background-position: top center; background-size: 100%; min-height: 40px; margin: 0; padding: 0; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}
div.bereich1        {display: flex; background-color: #2b2b2b; min-height: 240px; margin: 0; padding: 0; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}
div.bereich2        {display: flex; background-color: #3c3c3c; min-height: 240px; margin: 0; padding: 0; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}

div.boxencontent    {background-color: #171717; color: white; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal;}

div.Kontakt input   {background-color: #cfcfcf; color: black; border-radius: 8px; border: 2px solid #05513a;}
div.Kontakt textarea   {background-color: #cfcfcf; color: black; border-radius: 8px; border: 2px solid #05513a;}

div.fusszeile       {position: relative; width: 100%; font-weight: normal; z-index: 10;}
div.fussbereich     {display: flex; min-height: 240px; margin: 0; padding: 0;}

ul.kontakt li             {line-height: 2; padding-left: 32px;}
ul.kontakt li.adresse     {list-style-image: url(/images/AdressIcon.png);}
ul.kontakt li.telefon     {list-style-image: url(/images/TelefonIcon.png);}
ul.kontakt li.email       {list-style-image: url(/images/EmailIcon.png);}
ul.kontakt li.socialmedia {list-style-image: url(/images/SocialMediaIcon.png);}
div#formularantwort		{color: red;}


div.contentgroesse	{top: 0px;}

div.titelzeile      {height: 160px; display: none;}
div.img-slider      {display: none;}

div.firmenlogo      {position: relative; top: 24px; left: 36px;}
div.firmenlogo img  {max-width: 220px;}

div.menumobil		{display: none;}
div.menu            {position: absolute; top: 80px; right: 20px; left: 280px; display: block;}


div.content         {font-size: 16pt; font-weight: normal; line-height: 1.75em; letter-spacing: normal; top: 0px;}

div.contentbereich h1                  {font-size: 40px; line-height: 42px; margin: 80px 0 80px 0; padding: 0px; text-transform: uppercase;}
div.contentbereich h2                  {font-size: 28px; line-height: 30px; margin: 30px 0 36px 0; padding: 0px; text-transform: uppercase; letter-spacing: 0.1em;}
div.contentbereich h3                  {font-size: 20px; line-height: 22px; margin: 4px 0 28px 0; padding: 0px; text-transform: uppercase; letter-spacing: 0.1em;}
div.contentbereich h4                  {font-size: 20px; line-height: 22px; margin: 22px 0 28px 0; padding: 0px; text-transform: uppercase; letter-spacing: 0.1em;}

div.bereichstart	{top: 0px; min-height: 120px; border: 0px solid red;}
div.contentbereich	{width: 60%; min-width: 920px; max-width: 920px; padding: 24px 0 24px 0;}
div.contentbereich img.links    {float: left; margin: 12px 12px 12px 0;}
div.contentbereich img.rechts   {float: right; margin: 12px 0 12px 12px;}
img.links    {float: left; margin: 0px 12px 12px 0;}
img.rechts   {float: right; margin: 0px 0 12px 12px;}
div.contentbereich div.rechts		{position: relative; float: right; right: 6px; max-width: 420px;;}
div.contentbereich div.rechts img		{max-width: calc(100% - 18px); margin: 0 6px 12px 12px;}

div.boxen			{display: flex; justify-content: center;}
div.boxencontent	{width: 280px; min-width: 280px; max-width: 280px; margin: 6px 6px 32px 6px; padding: 12px 12px 12px 12px;; font-size: 14px; line-height: 20px; min-height: 480px;}
div.boxencontent img  {width: 100%;}

div.Kontakt			{position: relative; display: flex;}
div.Kontaktleft		{width: calc(50% - 10px); min-height: 240px;}
div.Kontaktright	{width: calc(50% - 10px); min-height: 240px; margin-left: 20px;}
div.Kontakt input   {width: 98%; min-height: 32px; font-size: 24px;}
div.Kontakt textarea   {width: 98%; min-height: 232px; font-size: 24px;}

div.fusszeile       {padding: 42px 0 256px 0; min-height: 20px;}
div.fusszeile       {position: relative; width: 100%; font-weight: normal; z-index: 10; background-color: #232323; color: #AAAAAA; font-family: "opensans-light",Helvetica,sans-serif; font-weight: normal; letter-spacing: -0.3pt;}
div.fussbereich     {display: flex; min-height: 240px; margin: 0; padding: 0;}
div.fusszeile h1                  {font-size: 40px; line-height: 42px; margin: 80px 0 80px 0; padding: 0px; color: #666666;}
div.fusszeile h2                  {font-size: 28px; line-height: 30px; margin: 30px 0 36px 0; padding: 0px; color: #bf3922;}
div.fusszeile h3                  {font-size: 20px; line-height: 22px; margin: 4px 0 28px 0; padding: 0px; color: #bf3922;}
div.fusszeile h4                  {font-size: 20px; line-height: 22px; margin: 22px 0 28px 0; padding: 0px; color: #bf3922;}

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: 166px; width: 166px;}
div.bilderliste ul li img   {height: 166px; width: 100%; object-fit: cover; object-position: top center;}

img.links           {float: left; margin: 0px 12px 12px 0;}
img.rechts          {float: right; margin: 0px 0 12px 12px;}

img.halblinks           {float: left; margin: 10px 12px 12px 0; width: 440px; min-width: 440px; max-width: 440px;}
img.halbrechts          {float: right; margin: 10px 0 12px 12px; width: 440px; min-width: 440px; max-width: 440px;}