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

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
.info-box                       {padding: 25px; text-align: left; border: solid 1px rgba(204, 0, 0, 1); border-radius: 20px; margin: 10px auto 10px; height: 75vh;
                                 background-image: url(../assets/background/bg_04.png); background-attachment: fixed; background-repeat: repeat;}
.col                            {width: 100%;}
.row:before, .row:after         {content: ""; display: table;}
.row:after                      {clear: both;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Tablet View*/
@media (min-width: 768px){
body                            {max-width: 778px;}
.col-md-one-half                {width: 50%;}
.col                            {float: left; padding: 0px 7px 14px;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Desktop View*/
@media (min-width: 1024px){
body                            {max-width: 100%;}
.col-lg-one-fourth              {width: 25%;}
}
/*----------------------------------------------------------------------------------------------------------------------------------------------------*/

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

.bild-position-01               {margin: 0 2% auto 4%;}

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

.box-01, .box-03       {background-image: url(../assets/background/bg_04.png); background-repeat: repeat;}

.box-02                {padding: 1rem .5rem; border-radius: 30px;}

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

  /* CSS für die Tabelle */
.table-01               {border-collapse: collapse; /* Rahmen verbinden */width: 100%; font-family: Arial, sans-serif;}
  /* Tabellenüberschrift (Caption) */
.caption-01             {font-size: 1.5em; font-weight: bold; margin: 10px; caption-side: top; /* Position: top oder bottom */}
  /* Überschriftszeile (th) */
.th-01                  {background-color: #f2f2f2; color: black; text-align: left; padding: 12px; border: 1px solid #ddd;}
  /* Datenzellen (td) */
.td-01                  {padding: 5px; border: 1px solid #ddd; text-align: center; width: 20%;}
.td-02                  {padding: 5px; border: 1px solid #ddd; text-align: center;}

  /* Zeilen-Styling (optional) */
.tr-01:nth-child(even)  {background-color: #f9f9f9;}

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

.ueberschrift-01        {color: rgba(229, 0, 109, 1); font-size: 1.5rem; font-weight: 900; text-align: center;}