@charset "UTF-8";          /* CSS Document
=========================================================================================================================================================
          Seiten - backgrounds zugeordnet
=======================================================================================================================================================*/
.bg_startseite      {background-image: url(../assets/backgrounds/bg_startseite.png); background-repeat: repeat-x; background-attachment: fixed;}

.bg_header_start, .hero, #imageline_01
                    {background-position: center; background-repeat: no-repeat; background-size: cover; }

.bg_header_start	{background-image: url(../assets/banner/banner_2500.png); min-height: 120px; max-height: 150px;}
.hero               {background-image: url(../assets/backgrounds/back_img_13.png);  padding: 20px 20px 50px 20px; color: #FFFFFF; text-align: center;}
#imageline_01       {padding: 10px; color: #FFFFFF; text-align: center;}
.style_logo_start   {margin: 15px auto 4px 40px; display: block; float: left;}

.rahmen_01	        {border-radius: 3rem; border: rgba(0,0,255,1) solid 1px; overflow: hidden; box-shadow: 8px -10px 5px -2px rgba(0,0,255,1);}
.rahmen_02	        {border-radius: 3rem; border: rgba(0,0,255,1) solid 1px; overflow: hidden; box-shadow: 8px 10px 5px -2px rgba(0,0,255,1);}
.rahmen_03	        {border-radius: 1rem; border: rgba(153,51,0,1) solid 1px; overflow: hidden; box-shadow: 8px -10px 5px -2px rgba(153,51,51,1);}
.rahmen_04	        {border: rgba(153,51,0,1) 1px solid; border-radius: .8rem; padding: 1rem;}


.rahmen_05          { border:rgba(204, 0, 0, 1.0) 2px solid; border-radius: 2rem; overflow: hidden; box-shadow: inset 0 0 15px 2px rgba(240, 77, 71, 1);}



/*=======================================================================================================================================================
          Seiten - Schriftstile zugeordnet
=======================================================================================================================================================*/
 .stil_01           {font-size: 1.2rem; font-weight: bold; color: #036D0A; padding: 1rem; margin-top: 1rem;}
 .stil_02           {font-size: 1.1rem; font-weight: normal; color: #036D0A; padding: 1rem 2rem;}



.margin_img_01      {margin: 0rem 1.7rem .2rem 0rem;}
.weite_90           {max-width: 90%; margin: 0 auto;}
.weite_80           {max-width: 80%; margin: 0 auto;}


/*=======================================================================================================================================================
                              Layout      Formulare
=======================================================================================================================================================*/
.form textarea					{font-family:  sans-serif;}
.form							{width: 100%; background-color: whitesmoke; margin: 0 auto; padding: .2rem; border-radius: 20px; text-align: center;}
.form label						{font-size: .9rem; color: darkslategrey; padding-left: 3px;}
.form input, form textarea		{width: 80%; font-size: 1rem; padding: 4px; font-family: inherit; font-weight: lighter; border:1px solid gray;
                                 outline: none; border-radius: 0.3rem;}
.form input:focus,
.form textarea:focus			{border:1px solid orange;}
.form input[type=submit],
.form input[type=reset] 		{background-color: limegreen; cursor: pointer; padding: .5rem 0; border-radius: 0.8rem; width: 70%;}
.form input[type=submit]:hover,
.form input[type=reset]:hover	{background-color: yellow; box-shadow: 2px 2px 2px grey; width: 70%;}