h1 {
  margin-top: -16px !important;
  padding-top: 56px;
  /*margin-bottom: 25px;*/
}
h2 {
  margin-top: -32px !important;
  padding-top: 56px;
  /*margin-bottom: 25px;*/
}
h3 {
  margin-top: -36px !important;
  padding-top: 56px;
  /*margin-bottom: 25px;*/
}
.panel-title {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.normal-margin h1, .normal-margin h2, .normal-margin h3 {
  margin-top: -56px !important;
  padding-top: 56px;
}

.no-margin, .no-margin h1, .no-margin h2, .no-margin h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Place to load custom fonts (files must be in same directory) */
@font-face {
  font-family: 'Share-Regular';
	src: url('Share-Regular.ttf')  format('truetype');
}

body {
  font-family: 'Share-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  /* Blocksatz und Silbentrennung:
       https://www.mediaevent.de/css/text.html
       https://www.mediaevent.de/css3-silbentrennung-hyphens/
  */
  hyphens: auto;
  hyphenate-limit-chars: auto 3;
  hyphenate-limit-lines: 4;
  -webkit-hyphens: auto;
  -webkit-hyphenate-limit-chars: auto 3;
  -webkit-hyphenate-limit-lines: 4;
  -ms-hyphens: auto;
  -ms-hyphenate-limit-chars: auto 3;
  -ms-hyphenate-limit-lines: 4;
  text-align: justify;
}

.headline-text {
  font-size: 16px;
}
.h-with-text > h2, .h-with-text > h3, .h-with-text > h4 {
  line-height: 0.9;
}

math {
  font-family: 'Share-Regular', 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* Fix leaflet legend and attribution for print */
.leaflet-control {
  background: #FFFFFF;
}

div.impressum {
  /* font-size: 18px; */
  color: #231F20;
}
div.impressum-header {
  background: #B6C87C;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 10px;
  width: 50%;
}
div.impressum-body {
  background: #798C33;
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 10px;
}
div.impressum .clearfix {
  margin-top: 0;
}
div.impressum h2 {
  color: white;
  margin-top: -56px !important; /* same as with navbar */
  padding-top: 56px; /* same as with navbar */
}
div.impressum h4 {
  color: white;
}
div.impressum a {
  color: #1B49E0;
}
div.impressum a:hover {
  color: #4267ED;
  text-decoration: none;
}






/* did not work out */

.rot {
  transform: rotate(-90deg);
}

.arrow_box {
	position: relative;
	background: #ffffff;
	border: 4px solid #000000;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}
.arrow_box:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #000000;
	border-width: 36px;
	margin-left: -36px;
}