/* import framework core */
@import url("../yaml/core/base.min.css");

/* import screen layout */
@import url("../yaml/navigation/hlist.css");
@import url("../yaml/forms/gray-theme.css");

@import url("../yaml/screen/screen-PAGE-layout.css");
@import url("../yaml/screen/typography.css");

/* import print layout */
@import url("../yaml/print/print.css");




@media screen {
	
	body {
		font-family: 'PT Sans', sans-serif;
		min-width: 320px;
	}	
	
	a {
	    color: red;
	}
		
	a:hover, a:visited, a:active {
		background-color: unset;
		color: #B20002;
	}
	
	
	h1, h2 {
		font-family: 'Archivo Black', sans-serif;
	}
	
	p, .slogan {	
		font-size: 1.2em;
		line-height: 1.7;
	}
	
	.ym-gbox-right {
    	padding: 0;
	}
	
	header {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		height: 202px;
		padding-right: 0;
		padding-top: 0;
		padding-bottom: 0;
		background-color: #000;
	}

	header img {
		height: 202px;
		align-self: center;
	}	
	
	.inside {
		align-self: center;
		margin-left: 2rem;
	}

	#wmi {
		max-width:100%; 
		height:auto;
	}
	
	iframe {
		margin-bottom: 1rem;
	}
	
	.ym-grid {
  		margin: 4rem 0 5rem;
	}
	
	.shop-artikel {
	    margin-left: 0;
	    margin-right: 0;
	    display: flex;
    	flex-wrap: wrap;
		justify-content: space-between;
	}
	
	.shop-artikel h2 {
    	min-width: 100%;
		width: 100%;
	}
	
	.artikel {
		text-align: center;
		padding: 2em 2em 1em;
		background-color: #F0F0F0;
		box-shadow: 3px 3px 6px rgba(0,0,0,.5);
		max-width: 15rem;
		min-width: 10rem;
		margin-bottom: 2rem;
	}
	
	.artikelbild {
		max-width: 95%;
		border-radius: 1em;
		margin-bottom: 1em;
	}
	
	.preis {
		font-weight: 600;
		font-size: 150%;
		margin-bottom: .5em;
	}
	
	aside {
    	margin-bottom: 2rem;
	}
	
	#bedingungen {
		text-align: center;
		padding: 2em 1em 1em;
		margin-bottom: 5em;
		background-color: antiquewhite;
	}
}

@media screen and (max-width: 805px) {
	header img {
		display: none;
	}
}

@media screen and (max-width: 760px) {
	body {
		text-align: center;
	}

	header {
		justify-content: center;
	}
	
	.inside {
		align-self: center;
		margin-left: 0;
	}
	
	.shop-artikel {
		margin-left: 0;
		margin-right: 0;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	
	.artikel {
		margin: 1em;
	}
}