#offlinepage_main{width: 900px;margin: 85px auto;}

#offlinepage_main .offlinepage_Log{
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 20px;
}

#offlinepage_main .offlinepage_Date {
  font-family: Montserrat;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-style: italic;
  text-align: center;
  text-shadow: 2px 1px 1px var(--designfifthback);
}

#offlinepage_main .offlinepage_Beta{
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: right;
  position: absolute;
  bottom: 17px;
  width: 393px;
}

#offlinepage_main .offlinepage_Name{
  font-family: Montserrat;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
  font-size: 41px;
  font-style: italic;
  letter-spacing: -3px;
  margin-top: -11px;
}

#offlinepage_main .offlinepage_Name de{color: var(--designlink);}

#offlinepage_main .offlinepage_Flex{
  display: flex;
  background-color: var(--designthirdback);
  column-gap: 20px;
  position: relative;
  overflow: hidden;
}

#offlinepage_main .offlinepage_BGName{
  color: var(--designfifthback);
  font-size: 120px;
  font-weight: 100;
  letter-spacing: -11px;
  text-transform: uppercase;
  font-style: italic;
  position: absolute;
  right: 122px;
  bottom: -16px;
  pointer-events: none;
  font-family: Montserrat;
  width: max-content;
  line-height: 80%;
  text-align: right;
}

#offlinepage_main .offlinepage_Pics{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 35%;
  padding: 20px 0;
}

#offlinepage_main .offlinepage_Desc {
  text-align: justify;
  font-family: Work Sans;
  font-weight: 400;
  font-size: 12.5px;
  letter-spacing: 0.5px;
  line-height: 180%;
  position: relative;
}

#offlinepage_main .offlinepage_First{width: 50%;padding: 30px 10px 20px 20px;}

#offlinepage_main .offlinepage_Pics span::before {
  content: "";
  display: block;
  background: linear-gradient(to bottom, var(--designicongradsec), var(--designicongrad));
  mix-blend-mode: multiply;
  width: 100%;
  height: 100%;
  position: absolute;
  pointer-events: none;
z-index: 1;
}

#offlinepage_main .offlinepage_Pics .offlinepage_Pics_color span::before {background: linear-gradient(to bottom, var(--designicongradthird), var(--designlinksec));}

#offlinepage_main .offlinepage_Pics img {
  height: 100%;
  filter: brightness(122%) grayscale(100%);
  opacity: 0.5;
}

#offlinepage_main .offlinepage_Pics span {
	display: block; 
	width: 108px;
	height: 112px;
	position: relative;
	overflow: hidden;
}

#offlinepage_main .offlinepage_Pics div{
  position: relative;
  background-color: var(--designmainback);
  border: 1px solid var(--designsixback);
  padding: 10px;
  width: 108px;
  height: 112px;
  overflow: hidden;
}

#offlinepage_main .offlinepage_content{padding: 10px;background-color: var(--designsecback);}
#offlinepage_main .offlinepage_Infos{padding: 13px;border: 2px solid var(--designthirdback);}

#offlinepage_main .offlinepage_Modul {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  column-gap: 30px;
  flex-direction: column;
  background: var(--designlinkthird);
  padding: 20px 15px;
}

#offlinepage_main .offlinepage_Modul_Inside{
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: Montserrat;
  font-weight: 800;
  font-size: 13px;
  text-align: center;
  z-index: 2;
  color: var(--designsecback);
}

#offlinepage_main .offlinepage_Modul_Chart {
  width: 100%;
  display: inline-block;
  position: relative;
}

#offlinepage_main .offlinepage_Modul_Inside span{
  display: block;
  font-size: 7px;
  margin-left: 1px;
  margin-top: -1px;
  letter-spacing: 1.5px;
  font-style: italic;
  font-family: Inter;
  font-weight: 700;
  text-transform: uppercase;
}

#offlinepage_main .offlinepage_Modul_Chart .donut-ring {stroke: var(--designthirdback);}
#offlinepage_main .offlinepage_Modul_Chart .donut-segment {transform-origin: center;stroke: var(--designlink);}

#offlinepage_main .offlinepage_Desc b, #offlinepage_main .offlinepage_Desc .mycode_b{color: var(--designlink);text-transform: uppercase;letter-spacing: 1px;}
#offlinepage_main .offlinepage_Desc i, #offlinepage_main .offlinepage_Desc .mycode_i{color: var(--designicongradthird);text-transform: lowercase;letter-spacing: 1px;}
#offlinepage_main .offlinepage_Desc u, #offlinepage_main .offlinepage_Desc .mycode_u{
  text-decoration: none;
  border: 1px solid var(--designsixback);
  padding: 7px 10px 6px;
  text-transform: uppercase;
  font-family: Montserrat;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 1px;
  background-color: var(--designmainback);
  line-height: 1;
}