@charset "UTF-8"; /* CSS Document */

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
article,aside,details,figcaption,
figure,footer,header,main,
menu,nav,section                {display:block; width: 100%;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, td, th, html *            {padding: 0; margin: 0; box-sizing: border-box; font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;
                                 color: rgba(46, 46, 46, 1); font-size: 1rem; word-break: normal; hyphens: auto;}

body                            {margin-left: auto; margin-right: auto; height: 100vh; width: 90%;
                                 display: grid; grid-template-rows: auto auto 1fr auto; grid-template-areas: "header" "nav" "article" "footer";
                                 background-image: url(../assets/background/bg_01.png); background-repeat: repeat; background-attachment: fixed;}

header                          {margin: 5px; text-align: center; width: 100%;}

nav                             {text-align: center; margin: 5px auto; border-radius: 15px; width: 95%;}

article                         {margin: 0 auto; width: 95%;}

footer                          {font-size: .8rem; padding: 10px; text-align: center; width: 100%;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.grid-container	                {display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); grid-gap: 1.2rem;}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
img                             {max-width: 100%; height: auto; vertical-align: middle; border: none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.text-center            {text-align: center;}
.text-links             {text-align: left;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.kein-trennen           {hyphens: none;}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#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(0, 0, 255, 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);}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
a:link                  {color: rgba(0, 0, 255, 1); text-decoration: none;}
a:visited               {color: rgba(4, 169, 32, 1);}
a:hover                 {color: rgba(204, 0, 0, 1); text-decoration: underline;}
a:active                {color: rgba(230, 225, 116, 1);}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.hr-01                  {border: solid #E5006D 2px; width: 90%; margin: 0 auto; border-radius: 20px;}
.hr-02                  {border: solid #E5006D 1px; width: 90%; margin: 0 auto;}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------------*/

.img-platzierung        {margin: 10% auto 10% 5%; max-width: 90%;}
.stil-11                {font-size: 1.5rem; font-weight: 900; color: #E5006D;}