@charset "UTF-8";  /* CSS Document
==================================================================================================================================================================
                   Basis Layout
=================================================================================================================================================================*/
img				                {max-inline-size: 100%; block-size: auto; border: none; vertical-align: middle;}
*                               {box-sizing: border-box;}
body, html, td, th              {font-family: "Times New Roman", Times, Helvetica, Arial," sans-serif"; font-size: 1rem;}
body                            {margin: 0 auto; height:100dvh; word-break: break-normal; hyphens: auto;}
.kein_trennen	                {hyphens: none;}
header                          {width: 100%; height: auto;}/*
header			                {position: sticky; top: 0; z-index: 9;}*/
nav				                {text-align: center; margin: 2px auto; width: 97%; display: block;}
main                            {display: block; margin: 10px 20px 0 20px;}
footer                          {text-align: center; font-size: .8rem; padding: 5px; color: #059454;}

#menu_01 a			            {font-size: 1rem; color: #FFFFFF;}
#menu_01 a:link	                {text-decoration: none; color: #FFFFFF;}
#menu_01 a:hover	            {text-decoration: underline; color: rgba(255,0,0,1);}
#a 				                {font-size: .9rem;}
#a:link 		                {text-decoration: none; color: rgba(0,0,255,1);}
#a:visited		                {text-decoration: none; color: rgba(0,0,255,1);}
#a:hover 	        	        {text-decoration: underline; color: rgba(255,0,0,1);}
#a:active 		                {text-decoration: none; color: rgba(0,0,255,1);}
.hr_01 			                {background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; width: 85%; margin-top: 1rem; margin-bottom: 1rem;}
.hr_02 			                {background: rgba(0,0,255,1); border: none; color: rgba(0,0,255,1); height: 1px; width: 98%; margin: 1% auto;}
.hr_03 			                {border: none; margin-top: 1rem; margin-bottom: 1rem; visibility: hidden;}
.objekt_center	                {margin: 0 auto;}
.float_rechts	                {float: right;}			.float_links	{float: left;}			.clear_all		{clear: both;}
.text_rechts	                {text-align: right;}	.text_links		{text-align: left;}		.text_center	{text-align: center;}
.abst_unten_01                  {margin-bottom: 15px;}
.apoliste                       {text-align: center; font-size: .8rem; margin: 5px 0 10px;}
/*================================================================================================================================================================
                   responsive Layout
=================================================================================================================================================================*/
.body_grid_01		            {display: grid; grid-template-rows: auto auto 1fr auto; grid-template-areas: "header" "nav" "main" "footer";}
.grid_container_01	            {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); grid-gap: 1rem;}
.h1                             {font-size: 30px; text-transform: uppercase; font-weight: 200; margin-bottom: 10px;}
.h2                             {font-size: 20px; text-transform: uppercase; font-weight: 200; margin-bottom: 15px;}
.h3                             {font-size: 15px; text-transform: uppercase; font-weight: 200; margin-bottom: 50px;}
.h4                             {font-size: 12px; font-weight: 200; margin-bottom: 25px;}
.p_01                           {font-size: 16px; font-weight: 400; margin-bottom: 25px;}
.button_01                      {border: 2px #FFFFFF solid; padding: 8px 25px; border-radius: 25px; color: #FFFFFF; text-decoration: none;}

.info_box_tan_01                {background-color: #13721F; color: #FFFFFF; padding: 25px 20px 40px; text-align: center;}
.info_box_dark_01               {background-color: #84680B; color: #FFFFFF; padding: 25px 20px 40px; text-align: center;}
.col_01                         {width: 100%;}
.row_01:before, .row_01:after   {content: ""; display: table;}
.row_01:after                   {clear: both;}
@media (min-width: 768px){
.h1                             {font-size: 35px; margin-bottom: 60px;}
.h2                             {margin-bottom: 16px;}
.col_md_one_half_01             {width: 50%;}
.col_md_one_half_02             {width: 75%;}
.col_md_one_half_03             {width: 25%;}
.col_01                         {float: left; padding: 0px 7px 14px;}
}
@media (min-width: 1024px){
body                            {max-width: 1600px;}
.col_lg_one_fourth_01           {width: 25%;}
}