@media (max-width: 768px) {
    /* CSS in here for mobile only */
}
@media (min-width: 769px) and (max-width: 1024px) {
    /* CSS in here for tablet only */
}
@media (min-width: 1025px) {
    /* CSS in here for desktop only */
}

@font-face {
  font-family: "Philosopher";
  src: url("../fonts/Philosopher-Regular.ttf");
}
@font-face {
  font-family: "PT Sans";
  src: url("../fonts/PT_Sans-Web-Regular.ttf");
}

body {
  font-size: 15px;
  font-family: "PT Sans";
}

a {
  color: #0097a1;
  font-weight: 600;
}
a:hover {
  color: #00bdca;
  text-decoration: none;
}

a.readmore:before {
  font-family: 'FontAwesome';
  content: '\f0da';
  font-size: 15px;
  margin:0 5px 0 0;
  transform:translate(0,1px);
  color: inherit;
  display:inline-block;
  transition:.1s;
}

a.readmore:hover:before{
  transform:translate(1px,1px);
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Philosopher";
}

p {
  margin: 0 0 10px 0;
  font-weight: 300;
  line-height: 1.45em;
  letter-spacing: 0.04em;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.fa-phone {
  color: #002e4b;
}

.teaser {
  min-height: 50vh;
  background: url(../img/hintergrundblaetter.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 768px) {
  .teaser {
    min-height: 40vh;
  }
}

.teaser h1 {
  background: #359e48;
  display: inline-block;
  color: #fff;
  padding: 5px;
}

.teaser h2 {
  background: #fff;
  padding: 5px;
  font-size: 22px;
  display: inline-block;
  font-family: "PT Sans";
}

.teaser-igel {
  transform: translate(-45px,110px) scale(1.4);
}

@media (min-width: 769px) and (max-width: 1024px) {
  .teaser-igel{
    transform: translate(0px,200px) scale(1.6);
  }
}
@media (max-width: 768px) {
  .teaser-igel{
    transform: translate(0px,90px) scale(1.1);
  }
}

.font-alternative {
  font-family: "Philosopher";
}

.bg-yellow {
  background-color: #eca933;
}


.newsbox {
  min-height: 100px;
  height: 100%;
  max-height: 120px;
}

.newsbox.border {
  border-width: 3px;
}

.bg-puzzel {
  background-color: #f4f1ee;
}

@media (min-width: 1025px) {
  .bg-puzzel {
    background-image: url(../img/puzzel.png);
    background-size: 175px;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #f4f1ee;
  }
}

.bg-success {
  background: #359e48 !important;
}

.bg-dark {
  background: #002e4b !important;
}
.bg-light {
  background: #f4f1ee !important;
}
.text-success {
  color: #359e48 !important;
}


@media (max-width: 768px) {
  .teaser .display-4 {
    font-size: 30px;
  }
}


/*Umfrage*/
.umfrage .form-group {
  margin-bottom: 2rem;
}