.container {  display: grid;
  grid-template-columns: 1fr 1fr 2fr 1fr 1fr 0fr;
  grid-template-rows: 40px 1fr 40px;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 16px 17px;
  grid-auto-flow: row;
  grid-template-areas:
    ". Header Header Header Header ."
    ". Left-Bar Main-Content Main-Content Right-Bar ."
    ". Foter Foter Foter Foter .";
}

.Main-Content {  
/*display: grid;*/
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-area: Main-Content;
}

.Content-News {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 250px 1fr;
  grid-auto-columns: 1fr;
  gap: 16px 16px;
  grid-auto-flow: row;
  grid-template-areas:
    "Content-News-Trailer Content-News-Photos"
    "Newss Newss";
  grid-area: 1 / 1 / 4 / 4;
}

.Content-News-Trailer { grid-area: Content-News-Trailer; }

.Content-News-Photos { grid-area: Content-News-Photos; }

.Newss {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ".";
  grid-area: Newss;
}

.Content-Payments {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 30px 200px 1fr;
  gap: 16px 16px;
  grid-auto-flow: row;
  grid-template-areas:
    "Content-Payments-Header Content-Payments-Header"
    "Content-Payments-Paypal Content-Payments-Hotpay"
    ". .";
  grid-area: 1 / 1 / 4 / 4;
}

.Content-Payments-Header { grid-area: Content-Payments-Header; }

.Content-Payments-Paypal { grid-area: Content-Payments-Paypal; }

.Content-Payments-Hotpay { grid-area: Content-Payments-Hotpay; }

.Content-Web-Shop {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-auto-columns: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  justify-content: stretch;
  align-content: stretch;
  justify-items: stretch;
  align-items: stretch;
  grid-template-areas:
    "Web-Shop-Offers";
  grid-area: 1 / 1 / 4 / 4;
}

.Web-Shop-Offers { grid-area: Web-Shop-Offers; }

.Content-Account-Managment {
  justify-self: stretch;
  align-self: stretch;
  grid-area: 1 / 1 / 4 / 4;
}

.i23 {  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    ". . ."
    ". . ."
    ". . .";
  grid-area: 1 / 1 / 4 / 4;
}

.Content-Login { grid-area: 1 / 1 / 4 / 4; }

.Left-Bar {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 100px 40px 80px 40px 40px 40px 1fr;
  gap: 16px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Server-Status"
    "News"
    "Account"
    "."
    "."
    "."
    ".";
  grid-area: Left-Bar;
}

.Server-Status { grid-area: Server-Status; }

.News {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "."
    ".";
  grid-area: News;
}

.Account {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "."
    "."
    ".";
  grid-area: Account;
}

.Right-Bar {  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 170px 100px 100px 100px 100px 100px 1fr;
  gap: 16px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Download"
    "."
    "."
    "."
    "."
    "."
    ".";
  grid-area: Right-Bar;
}

.Download {  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-auto-flow: row;
  grid-template-areas:
    "Windows Android";
  grid-area: Download;
}

.Windows { grid-area: Windows; }

.Android { grid-area: Android; }

.Header {  display: grid;
  grid-template-columns: 2.5fr 3fr 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 0px 16px;
  grid-auto-flow: row;
  grid-template-areas:
    ". . . Log-In Register";
  grid-area: Header;
}

.Register { grid-area: Register; }

.Log-In { grid-area: Log-In; }

.Foter { grid-area: Foter; }