html	{height: 100%; max-height: 100%; width: 100%; margin: 0; padding: 0;}
body	{height: 100%; min-height: 600px; max-height: 100%; border: 0; margin: 0; padding: 0; color: #efefef;
		background-color: #05513a; font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.3pt;
}

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

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

div.titelzeile      {position: fixed; top: 0px; left: 0px; right: 0px; background-color: #05513a; z-index: 100; color: white; }
div.titelzeile a    {color: white; text-decoration: none;}
div.titelzeile a:hover  {color: yellow;}

div.content         {position: relative; display: block; width: 100%; background-color: #cdd409; margin: 0; padding: 0;}
div.content a       {color: white; text-decoration: none;}
div.content a:hover {color: yellow;}
div.content h1      {font-family: Oswald-Medium,oswald,sans-serif; font-weight: bold; }
div.content h2      {font-family: Oswald-Medium,oswald,sans-serif; font-weight: bold; }
div.content h3      {font-family: Oswald-Medium,oswald,sans-serif; font-weight: bold; }
div.contentbereich  {position: relative; margin: 0 auto 0 auto; padding: 0;}
div.contentbereich img {max-width: 96%;}
div.bereichstart    {position: relative; color: black; background-color: #cdd409; 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;}
div.bereich1        {background-color: #05513a; min-height: 240px; margin: 0; padding: 0;}
div.bereich2        {color: black; background-color: #cdd409; min-height: 240px; margin: 0; padding: 0;}

div.boxen           {display: flex;}
ul.boxen            {margin: 0; padding: 0; list-style: none; display: block;}
ul.boxen li           {margin: 0 12px 0 12px; padding: 0; list-style: none;}
div.boxencontent           {position: relative; background-color: #05513a; color: white;}

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

div.fusszeile       {color: black; position: relative; width: 100%; background-color: #cdd409; font-weight: bold; text-align: center; z-index: 10;}

/*ul.fusszeile                { text-indent: 2em;}*/
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.aaudioplayer		{display:block; position:relative; width:100%; max-width:180px; height:auto; margin:0px auto 0px auto;}
div.aaudioplayerbottom	{display:block; position:absolute; bottom: 10px; width:100%; max-width:180px; height:auto; margin:0px auto 0px auto;}