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

@media only screen and (max-width: 1440px){
	
	
	h1{ font-size:3em;}
h2{ font-size:2.5em;}
h3{ font-size:2em;}
h4{ font-size:1.5em;}
h5{ font-size:1.4em;}
h6{ font-size:1.3em;}

}
@media only screen and (max-width: 998px){
	h1{ font-size:2.5em;}
h2{ font-size:2.0em;}
h3{ font-size:1.8em;}
h4{ font-size:1.4em;}
h5{ font-size:1.4em;}
h6{ font-size:1.2em;}
	p{
		font-size: 1.1em;
	}
	.container {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: 
  "main"
  "sidebar"
  "footer";
  grid-template-columns: 100%;
  grid-template-rows: auto;
}

.main {
	display: inline-grid;
  grid-area: main;
}
.sidebar {
  grid-area: sidebar;
}
.footer {
  grid-area: footer;
	text-align: center;
}
	.header h1{
		font-size: 2.5em;
	}
	.blok img{
		width: 100%;
	}
	.sidebar-blok-link{
		display: inline-block;
	width: 48%;
  padding-top: 0.25em;
  
}
	.teaser-sidebar{
		display: inline-block;
		width: 48%;
	}
}

@media only screen and (max-width: 768px){
	
	p{
		font-size: 1em;
	}
	h1{ font-size:2.3em;}
h2{ font-size:1.8em;}
h3{ font-size:1.5em;}
h4{ font-size:1.3em;}
h5{ font-size:1.2em;}
h6{ font-size:1.1em;}


.maim-magazin {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-areas: "main-magazin-text" "main-magazin-foto";
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
}

@media only screen and (max-width: 576px){
	h1{ font-size:2em;}
h2{ font-size:1.7em;}
h3{ font-size:1.4em;}
h4{ font-size:1.2em;}
h5{ font-size:1.1em;}
h6{ font-size:1em;}

.header h1{
		font-size: 2em;
	}
	p{
		font-size: 0.9em;
	}
	.maingrid {
	display: grid;
  width: 100%;
  height: auto;
  grid-template-areas: "main-header"
   "main-foto" "main-text";
  grid-template-columns: 100%;
  grid-template-rows: auto auto;
}


.main-header {
  grid-area: main-header;
}
.main-text {
  grid-area: main-text;
}
.main-foto {
  grid-area: main-foto;
}
	.sidebar-blok-link{
	width: 100%;
  padding-top: 0.25em;
  
}
	.teaser {
	padding: 0 1em;
	max-width:100%;
 text-align: start;
  margin-top: 0;

}
	.teaser-sidebar{
		width: 100%;
	}
	.container2 {
  display: grid;
  width: 100%;
  height: auto;
  grid-template-areas: "main-text2" "main-foto2";
  grid-template-columns: 100%;
  grid-template-rows: auto;
}


.main-text2 {
  grid-area: main-text2;
}
.main-foto2 {
  grid-area: main-foto2;
	padding: 0 2em;
}
	
}