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

main {
 display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: "main-content sidebar"
  "main-content sidebar";
  grid-template-columns: 80% 20%;
  grid-template-rows: auto auto;
}


.main-content {
  grid-area: main-content;
}
.sidebar {
  grid-area: sidebar;
	padding: 0 0.5em 0 1em;
	border-left: solid 2px #ccc;
}
/*----------------*/
.main-content-text{
	display:inline-grid;
  width: 100%;
  height: auto;
  grid-template-areas: "text1 foto1"
  "text1 foto1";
  grid-template-columns: 65% 34%;
  grid-template-rows: auto auto;
}
.text1 {
  grid-area: text1;
	padding: 0 2em 0;
}
.foto1 {
  grid-area: foto1;
	padding: 0 2em 0;
}
/*----------------*/
.main-content-text2{
	display:inline-grid;
  width: 100%;
  height: auto;
  grid-template-areas: "text2 foto2"
  "text2 foto2";
  grid-template-columns: 50% 45%;
  grid-template-rows: auto auto;
}
.text2 {
  grid-area: text2;
	padding: 0 2em 0;
}
.foto2 {
  grid-area: foto2;
}
/*----------------*/
.maim-magazin {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-areas: "main-magazin-text main-magazin-foto";
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
}

.main-magazin-text {
  grid-area: main-magazin-text;
	padding: 2em;
}
.main-magazin-foto {
  grid-area: main-magazin-foto;
	padding: 2em;
}
/*----------------------------*/
.article {
   box-shadow: inset 0 0.1em 1em 0.1em #808080; line-height:1.5; margin:1em;
	display: block;
	text-align: center;
	padding: 1em;
}

	

.archive {
   display: grid;
  margin: 20px auto;
	padding: 30px;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  grid-auto-rows: minmax(150px, auto);
 grid-gap: 30px;
}