@font-face {
   font-family: 'headlinefont';
   src: url("/assets/PPNeueGstaad-NarrowBold-23c240c6.woff2") format('woff2');
}

@font-face {
  font-family: 'brotfont';
  src: url("/assets/rubik-v31-latin-regular-b8bac5cb.woff2") format('woff2');
}
@font-face {
  font-family: 'brotfett';
  src: url("/assets/rubik-v31-latin-500-3fef7420.woff2") format('woff2');
}
@font-face {
  font-family: 'monofont';
  src: url("/assets/PPFraktionMono-Regular-04328b59.woff2") format('woff2');
}

body {
  font-family: 'brotfont';
}

a:visited, a:link
{
  text-decoration: none;
}
a:hover {
  color: hotpink;
}

#body-centered {
display: inline-block;
margin: 0 10%;
}

img {
  float: left;
  margin: 0px 10px 0px 0px;
}

.headline-box {
  vertical-align: middle;
  display: inline-flex;
}

.warn {  color: red; }
.green {  color: green; }
.degraded { color: grey; }

/* Annotation lists (contacts, shipping lists): compact monospace */
.annotations {
  font-family: 'monofont', monospace;
  font-size: 10pt;
}
.green a:visited {  color: green; }

th {
  text-align: left;
  background-color: #e9e4ff;
}

td.center {
  text-align: center;
}

/* Shrink a table column to its content (no wrapping) */
.compact {
  width: 1%;
  white-space: nowrap;
}

td.action {
  text-align: center;
  display: flex;
}

/* Leaflet map on the shipping list page */
.recipients-map {
  height: 420px;
  width: 100%;
  margin-bottom: 20px;
  border: 3px solid indigo;
  box-sizing: border-box;
}

/* Compact variant on the contact page (neighbors within 1.5 km).
   Needs an explicit width: inside the flex .float column, width: 100% on a
   container whose content (tiles, markers) is absolutely positioned collapses. */
.recipients-map.small-map {
  width: 300px;
  height: 260px;
}

/* Leaflet tiles are absolutely positioned; keep global img rule from affecting them */
.recipients-map img {
  float: none;
  margin: 0;
}

label {
  font-family: 'brotfett';
  font-size: 9pt;
}

.container {
  display: flex;
  width: 100%;
}

.float {
    text-align: left;
    margin: 0px 30px 0px 0px;
}

.float_rest {
    text-align: right;
    margin: 0px 30px 0px 0px;
    width: 100%
}

.float_right {
    text-align: right;
    margin: 0px 30px 0px 0px;
    width: 400px;
}

h1 {
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  font-family: 'headlinefont';
  color: indigo;
}

h2 {
  margin-block-start: 0.2em;
  margin-block-end: 0.2em;
  font-family: 'headlinefont';
  color: indigo;
}

h3 {
  margin-block-start: 0.2em;
  margin-block-end: 0.1em;
  font-family: 'headlinefont';
  color: indigo;
}

hr {
   height: 4px;
   border: 0;
   background: indigo;
   margin-top: 2px;
}

/* Thinner section separators inside the three-column layouts (contacts, circles) */
.columns hr {
  height: 2px;
}

.fett {
  font-family: 'brotfett';
  height: 10px;
}

.light {
   height: 3px;
}

.indentedtext
{
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: 5px;
}

.indentedimage
{
  margin-bottom: 5px;
  display: flow-root;
}

.bs {
   margin: 10px;
   padding: 10px;
   display: inline-block;
   background-color: #e9e4ff;
   border-width: 3px;
   border-color: indigo;
   box-sizing: border-box;
   border-style: solid;
   text-align: left;
}
.third {
  width: 33%
}
.half {
  width: 50%
}

.scaffold-form label {
  display: block;
}

.logo {
  width: 150px;
}

.tagcloud-size1 {
  font-family: 'brotfett';
  font-size: 7pt; }
.tagcloud-size2 {
  font-family: 'brotfett';
  font-size: 10pt; }
.tagcloud-size3 {
  font-family: 'brotfett';
  font-size: 15pt; }
.tagcloud-size4 {
  font-family: 'brotfett';
  font-size: 18pt; }