html	{height: 100%; max-height: 100%; width: 100%; margin: 0; padding: 0;}
body	{height: 50%; min-height: 100px; max-height: 50%; border: 0; margin: 0; padding: 0; color: #efefef;
		background-color: rgb(33, 20, 0); font-family: Arial,Helvetica,sans-serif; letter-spacing: -0.3pt;
}

@font-face {
font-family: "Century Gothic";
src: url("assets/fonts/CenturyGothic.ttf");
}

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

div.titelzeile      {position: fixed; width: 105%;  background-color: rgb(33, 20, 0); z-index: 100; color: white;}
					

div.titelzeile a    {color: white; text-decoration: none; text-align: center;}
div.titelzeile a:hover  {color: rgb(255, 167, 43);}

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: rgb(255, 167, 43);}
div.content h1      {font-family: Century Gothic,sans-serif; font-weight: bold; }
div.content h2      {font-family: Century Gothic,sans-serif; font-weight: bold; }
div.content h3      {font-family: Century Gothic,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: rgb(255, 167, 43); background-image: url(../../images/hintergrund_uebergang.png); background-repeat: no-repeat; background-position: top center; background-size: 100%%; min-height: 50px; margin: 0; padding: 0;}
div.bereich1        {background-color: rgb(33, 20, 0); min-height: 140px; margin: 0; padding: 0;}
div.bereich2        {color: black; background-color: rgb(255, 167, 43); min-height: 100px; margin: 0; padding: 0;}

div.boxen           {display: flex;}
ul.boxen            {margin: 2px; padding: 2px; list-style: none; display: block;}
ul.boxen li           {margin: 2px 12px 20px 12px; padding: 0; list-style: none;}
div.boxencontent           {position: relative; background-color: rgb(33, 20, 0); color: white;}

div.Kontakt input   {background-color: rgb(255, 167, 43); color: black; border-radius: 8px; border: 2px solid rgb(33, 20, 0);}
div.Kontakt textarea   {background-color: rgb(255, 167, 43); color: black; border-radius: 8px; border: 2px solid #05513a;}

div.fusszeile       {color: black; position: relative; width: 100%; background-color: rgb(255, 167, 43); 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;}