/* inconsolata-regular - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inconsolata-v31-latin-regular.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/inconsolata-v31-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/inconsolata-v31-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/inconsolata-v31-latin-regular.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/inconsolata-v31-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/inconsolata-v31-latin-regular.svg#Inconsolata') format('svg');
  /* Legacy iOS */
}

/* inconsolata-700 - latin */
@font-face {
  font-family: 'Inconsolata';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inconsolata-v31-latin-700.eot');
  /* IE9 Compat Modes */
  src: local(''),
    url('../fonts/inconsolata-v31-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url('../fonts/inconsolata-v31-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
    url('../fonts/inconsolata-v31-latin-700.woff') format('woff'),
    /* Modern Browsers */
    url('../fonts/inconsolata-v31-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('../fonts/inconsolata-v31-latin-700.svg#Inconsolata') format('svg');
  /* Legacy iOS */
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  font-family: 'Inconsolata', monospace;
  font-size: clamp(1.0rem, 2vw, 1.2rem);
}

body {
  height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

.header {
  font-size: clamp(0.75rem, 1vw, 1.0rem);
}

.main {
  /* margin: 35px 0; */
  padding: 0;
  background-image: url(../pictures/at.png);
  background-position: 60% 3em;
  background-repeat: no-repeat;
  /* background-size: contain; */
}

.container {
  position: relative;
  margin: 0 auto;
  padding: 1em;
  width: clamp(250px, 100vw, 1140px);
}

.flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.flex>* {
  flex-grow: 1;
  flex-shrink: 1;
}

picture {
  position: absolute;
  top: 0;
  right: 2vw;
  z-index: 10;
}

.stempel {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  font-size: clamp(1.5rem, 6vw, 3.25rem);
  transform: rotate(345deg);
  background-color: rgba(255, 255, 255, 1);
  border-radius: 1rem;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

h1 {
  line-height: 1.2em;
  margin-bottom: 0.9em;
  /* hyphens: auto; */
}

h2,
h3,
h4,
p {
  line-height: 1.4em;
  margin-bottom: 0.75em;
  /* hyphens: auto; */
}

h2 {
  margin: 0.5em 0 0.625em 0;
}

ul {
  padding: 1.0em 2.5em;
}

li {
  line-height: 1.2em;
}

li :not(header) {
  margin-bottom: 0.75em;
}

header li {
  font-size: 2.0em;
}

/***/
.adresse {
  padding: 2rem 0 5rem 0;
  text-align: right;
}

.adresse h1 {
  font-weight: lighter;
  line-height: 0.5em;
  padding-bottom: 80px;
  margin-right: 0.5em;
  background-image: url(../pictures/bg-adresse.png);
  background-position: 95% 1.1em;
  background-repeat: no-repeat;
}

.adresse h1 span {
  margin-right: -0.625em;
  color: #999;
  display: block;
  font-size: 0.625em;
}

.adresse p {
  line-height: 1.2em;
}

.adresse p span {
  color: #f63;
}

.adresse a:link {
  color: #f63;
  font-weight: bold;
  text-decoration: none;
}