/*----------------------------------------------------
                   Font Declaration
-----------------------------------------------------*/

/*@charset "UTF-8";*/
/*
@font-face {
    font-family: 'Quail';
    src: url('quail-webfont.eot');
    src: url('quail-webfont.eot?#iefix') format('embedded-opentype'),
         url('quail-webfont.woff') format('woff'),
         url('quail-webfont.ttf') format('truetype'),
         url('quail-webfont.svg#QuailRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

         /* display fonts */

h1 { font: 1.6vw/1 Arial, Verdana;
	 text-overflow: ellipsis;
	 overflow: hidden;
     white-space: nowrap;
}
h2 { font: 23px/1  Arial, Verdana; }
h3 { font: 16px/1  Arial, Verdana; }

/*----------------------------------------------------
		            HTML5 Reset
-----------------------------------------------------*/

html, body, div, section, article, aside, header,
hgroup, footer, nav, h1, h2, h3, h4, h5, h6, p,
blockquote, address, time, span, em, strong, img,
ol, ul, li, figure, canvas, video, th, td, tr {
	margin: 0;
	padding: 0;
	border: 0;
}

/*----------------------------------------------------
                 HTML5 Display Rules
-----------------------------------------------------*/

address, article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

html {
	background-color: white;
	box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: border-box;
}


/*----------------------------------------------------
                 Amazon A+ feature style
-----------------------------------------------------*/

body {
  -webkit-print-color-adjust: exact;
	display: block;
	width: 100%;
  height: 100%;
  overflow: visible;
  padding: 0.5cm;
	margin-top: 0;
}

body:lang(de) {
	padding: 0.4cm;
}


.pagebreak {
	display: block;
  break-after: always;
  page-break-after: always;
}

.pagebreak + div {
  margin-top: 2.5%;
}

a.index {
  margin-bottom: 6%;
}

a.index:lang(de) {
	height: 0;
	margin-bottom: 10%;
}

img.logo:lang(de) {
}

.intro {
  padding: 0;
}

.feature {
  display: grid;
  grid-template-columns: 350px 1fr;
  column-gap: 25px;
  grid-template-rows: 1fr 1fr;
  margin-top: 5.5%;
}

.feature img {
  grid-row-start: 1;
  grid-row-end: 3;
  width: 100%;
  border-radius: 1.5vw;
}

.description {
  grid-row-start: 1;
  grid-row-end: 3;
  align-self: center;
}

h1 {
  text-align: center;
  font-size: 1.6em;
  font-weight: 800;
  padding-bottom: 2%;

}

h2 {
  margin-bottom: 2%;
  font-size: 1.2em;
  line-height: 1em;
  font-weight: 600;
}

.intro h2:lang(de) {
	margin-bottom: 0.5%;
}

sup {
    background-color: #ff0034;
    /*padding: 0.2% 0.4%;*/
    margin-left: 8px;
    color: white;
    font-size: 0.55em;
}