/* spectral-regular - latin */
/* spectral-regular - latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Spectral Regular'), local('Spectral-Regular'),
       url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-regular.svg#Spectral') format('svg'); /* Legacy iOS */
}
/* spectral-700 - latin */
@font-face {
  font-family: 'Spectral';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: url('../webfont/spectral-v6-latin/spectral-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Spectral Bold'), local('Spectral-Bold'),
       url('../webfont/spectral-v6-latin/spectral-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfont/spectral-v6-latin/spectral-v6-latin-700.svg#Spectral') format('svg'); /* Legacy iOS */
}

/* spectral-sc-regular - latin */
@font-face {
  font-family: 'Spectral SC';
  font-style: normal;
  font-weight: 400;
  display: swap;
  src: url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Spectral SC Regular'), local('SpectralSC-Regular'),
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-regular.svg#SpectralSC') format('svg'); /* Legacy iOS */
}
/* spectral-sc-700 - latin */
@font-face {
  font-family: 'Spectral SC';
  font-style: normal;
  font-weight: 700;
  display: swap;
  src: url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Spectral SC Bold'), local('SpectralSC-Bold'),
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../webfont/spectral-sc-v5-latin/spectral-sc-v5-latin-700.svg#SpectralSC') format('svg'); /* Legacy iOS */
}

body {
	margin: 0;
	padding: 0;
    font-family: "Spectral",Helvetica,Arial,sans-serif;
    font-size: 18px;
}

a {
	text-decoration: none;
	color: 777; 
}

#page_wrapper {
	margin: 10px;
}

#content {

}

#start {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 0px 0px;
	grid-template-areas:
    ". . ."
    ". . ."
    ". . ."
    ". . .";
	height: 200px;
}

#impressum {
	margin:auto;
	max-width: 75%;
}

#datenschutz {
	margin:auto;
	max-width: 75%;
}

#firma { grid-area: 1 / 1 / 1 / 4; }
#infotext { grid-area: 2 / 1 / 3 / 4; }
#marke1 { grid-area: 3 / 1 / 4 / 2; }
#marke2 { grid-area: 3 / 2 / 4 / 3; }
#marke3 { grid-area: 3 / 3 / 4 / 4; }
#footer { grid-area: 4 / 1 / 5 / 4; }

#firma {
	justify-self: center;
}

#firma .firma-item {
	margin: auto;
}

#firma #firmalogo {
	width:300px;
}

#firma #anschrift {
	text-align: center;
}

#infotext {
	padding: 20px 0;
	justify-self: center;
	text-align: center;
	margin-bottom: 20px;
}

#marke1, #marke2, #marke3 {
    justify-self: center;
    border: 1px #ccc solid;
	padding: 20px;
    width: 80%;
    background: #f5f5f5;
}

#marke1:hover, #marke2:hover, #marke3:hover {
    background: #fff;
}

.marken-item {
	text-align: center;
}

.marken-item .markenlogo {
	width:200px;
	margin: 10px auto;
}

.marken-item .desc {

}

#footer {
	justify-self: center;
    padding: 10px 0;
	margin: 20px 0;
	color: #ccc;
	border-top: 1px #ddd solid;
	width:100%;
}

.img-resp-width {
    max-width: 100%;
    height: auto;}

._trash_background {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ffffff;
}

._trash_content {
  	width: 600px;
  	height: 260px;
  	position:absolute;
  	top:50%;
  	left:50%;
  	margin-left:-300px; /* half width*/
  	margin-top:-130px; /* half height*/
}