@font-face {
  font-family: 'generische_mono';
  src: url('../fonts/GenerischMono-Book.eot');
  src: url('../fonts/GenerischMono-Book.woff2') format('woff2'), url('../fonts/GenerischMono-Book.woff') format('woff'), url('../fonts/GenerischMono-Book.ttf') format('truetype');
}

:root {
  --light_grey: #e4e3e2;
  --blau: #0090a8;
  --blau_dark: #263e62;
  --gelb: #ffe500;
  --gelb_dark: #fdc300;
  --rosa: #ec607e;
  --rosa_dark: #b32a55;
  --rot: #d83541;
  --rot_dark: #a62341;
  --gruen: #7a8804;
  --gruen_dark: #0e6f24;
  --haut5: #3c1c11;
  --haut4: #6e2c12;
  --haut2: #a96847;

}


h2 {
    font-family: 'generische_mono', times;
    font-weight: unset;
    padding-left: 3rem;
    padding-right: 3rem;
    background: unset !important;
    color: #000;
    line-height: 3rem;
    letter-spacing: -1px;
    font-size: 2rem;
    display: inline;
    -webkit-box-decoration-break: clone;
    -o-box-decoration-break: clone;
    box-decoration-break: clone;
    /* word-wrap: break-word; */
    hyphens: manual;
    /* -moz-hyphens: auto; */
}
.postSchrift-1 {
    margin-bottom: 3.2em !important;
}
.smaltext{
  top: 11em;
}
.img-box{
  background-color: var(--light_grey);
}
.post-wrapper {
    padding: 30px;
    background-image: unset;
    background-color: var(--light_grey);
    border-style: solid;
    border-width: 14px;
    border-color: var(--blau);
}
#justautor {
    min-height: unset;
}

#border{

}
.colorSelect:first-of-type {
    margin-left: 5px;
}
h3{
  margin: 20px 0px;
}

#h3_thema{
  display: none;
  font-size: 2.5rem;
  text-align: center;
  position: relative;
}
#h3_thema h3::after{
  content: " ––";

}
#h3_thema h3::before{
  content: "–– "
}


.selct_border{
  border: 9px solid;
  background-color: var(--light_grey);
}

.border_black{
  border-color: #000;
}
.border_white{
    border-color: #fff;
}
.border_blau{
  border-color: var(--blau);
}
.border_blau_dark{
  border-color: var(--blau_dark);
}
.border_gelb{
  border-color: var(--gelb);
}
.border_gelb_dark{
  border-color: var(--gelb_dark);
}
.border_rosa{
  border-color: var(--rosa);
}
.border_rosa_dark{
  border-color: var(--rosa_dark);
}
.border_rot{
  border-color: var(--rot);
}
.border_rot_dark{
  border-color: var(--rot_dark);
}
.border_gruen{
  border-color: var(--gruen);
}
.border_gruen_dark{
  border-color: var(--gruen_dark);
}
.border_haut5{
  border-color: var(--haut5);
}
.border_haut4{
  border-color: var(--haut4);
}
.border_haut2{
  border-color: var(--haut2);
}
