@charset "UTF-8";
/* CSS Document */
@font-face {
  font-family: 'Lato Black';
  src: url('../fonts/Lato-Black.woff2') format('woff2'), url('../fonts/Lato-Black.woff') format('woff');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Lato Regular';
  font-style: normal;
  src: url('../fonts/Lato-Regular.woff2') format('woff2'), url('../fonts/Lato-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Lato Semibold';
  font-style: normal;
  src: url('../fonts/Lato-Semibold.woff2') format('woff2'), url('../fonts/Lato-Semibold.woff') format('woff');
}
.darkgreen {
  color: #1F2719;
}
.darkgreen_bg {
  background-color: #1F2719;
}
.naturalgreen {
  color: #707440;
}
.naturalgreen_bg {
  background-color: #707440;
}
.brightgreen {
  color: #AAB592;
}
.brightgreen_bg {
  background-color: #AAB592;
}
.creme {
  color: #EDEAD7;
}
.cremebg {
  background-color: #EDEAD7;
}
.gold {
  color: #C3A246;
}
.goldbg {
  background-color: #C3A246;
}
.gradient {
  background: rgb(252, 192, 13);
  background: -moz-linear-gradient(90deg, rgba(252, 192, 13, 1) 0%, rgba(218, 84, 76, 1) 34%, rgba(111, 177, 212, 1) 66%, rgba(170, 181, 146, 1) 100%);
  background: -webkit-linear-gradient(90deg, rgba(252, 192, 13, 1) 0%, rgba(218, 84, 76, 1) 34%, rgba(111, 177, 212, 1) 66%, rgba(170, 181, 146, 1) 100%);
  background: linear-gradient(90deg, rgba(252, 192, 13, 1) 0%, rgba(218, 84, 76, 1) 34%, rgba(111, 177, 212, 1) 66%, rgba(170, 181, 146, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcc00d", endColorstr="#aab592", GradientType=1);
}
* {
  margin: 0;
  padding: 0;
}
body {
  color: #1F2719;
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.0rem;
}
a:link, a:hover, a:visited {
  text-decoration: none;
}
a:hover, a:active {
  font-weight: bold;
}
h1 {
  color: white;
  font-family: 'Lato Black', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 3em;
  text-transform: uppercase;
}
h1.port {
  color: #1F2719;
  font-family: 'Lato Black', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 3em;
  text-transform: uppercase;
}
h1.port_small {
  color: #1F2719;
  font-family: 'Lato Black', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 2.3em;
  text-transform: uppercase;
  margin-top: 1em;
  margin-right: 1em;
  margin-bottom: 1em;
}
h1.ani {
  color: white;
  font-family: 'Lato Black', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 3em;
  text-transform: uppercase;
  margin-left: 1.5em;
  opacity: 0;
  animation: drop 1.2s linear forwards;
  animation-timing-function: ease-out;
  animation-delay: 1s;
}
h1.ani_medi {
  color: white;
  font-family: 'Lato Black', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 2em;
  text-transform: uppercase;
  margin-left: 1.5em;
  opacity: 0;
  animation: drop 1.2s linear forwards;
  animation-timing-function: ease-out;
  animation-delay: 1s;
}
@keyframes drop {
  0% {
    transform: translateY(-40px);
    opacity: 0;
  }
  50% {
    transform: translateY(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
h1.ani_left {
  animation: dropleft 1.2s linear forwards;
  font-size: 2em;
}
@keyframes dropleft {
  0% {
    transform: translateX(-40px);
    opacity: 0;
  }
  50% {
    transform: translateX(5px);
    opacity: 0.5;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
h2 {
  font-family: 'Lato Semibold', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.5em;
  padding-bottom: 0.5em;
}
h2.imp {
  font-family: 'Lato Semibold', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.5em;
  color: black;
  padding-bottom: 0em;
}
h3 {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.3em;
  color: #C3A246;
  padding-bottom: .7em;
}
h3.description {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  text-transform: uppercase;
  font-size: 1.3em;
  color: black;
  padding-top: 2em;
  padding-bottom: .3em;
}
h3.imp {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.3em;
  color: black;
  padding-bottom: 0em;
}
h4.imp {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.2em;
  color: black;
  padding-bottom: 0em;
}
p.description {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1em;
}
ul {
  list-style: none;
  font-size: 1em;
  padding-left: 0;
}
p {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.1em;
}
p.impressum a {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: .8em;
  text-decoration: none;
  color: #000;
}
.fatline {
    background-image: linear-gradient(90deg, #FDC253, #FDC253);
    background-position: 0 0.7em;
    background-repeat: repeat-x;
}
.btn-outline-success {
    color: #707440;
    border-color: #707440;
    }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
    background-color: #707440;
    color: #fff;
    border-color: #707440;
    }
.container-fluid {
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  right: 0;
  left: 0;
}
.row {
  margin-right: 0px;
  margin-left: 0px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
  padding-right: 0px;
  padding-left: 0px;
}
.logo {
  max-width: 250px;
}
.menu_md {
  text-align: right;
  margin-top: 3em;
}
.menu_md a {
  font-size: 1.1em;
  text-align: right;
  vertical-align: bottom;
  color: #000;
}
.card {
  border: none;
  height: 100%;
}
.card-img-index {
  width: 45%;
  margin-left: 60%;
  margin-bottom: -20%;
  z-index: 2;
}
.card-img-index_sm {
  width: 20%;
  margin-left: 60%;
  margin-bottom: -15%;
  z-index: 2;
}
.card-img-index_medi {
  width: 8em;
  margin-left: 0;
  margin-bottom: -20%;
  z-index: 2;
}
.card-body-index {
  padding: 3em 2em 2em 2em;
  z-index: 1;
}
.card-body {
  background-color: white;
  padding: 3em 2em 2em 2em;
  z-index: 1;
}
.quotegreen p {
  margin-top: -1.5em;
  padding: 1.5em 0 1.5em 2.5em;
  font-family: 'Lato Semibold', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.3em;
  vertical-align: top;
  line-height: 1.5em;
  color: white;
  background-image: url("../images/sprechblaseA.svg");
  background-repeat: no-repeat;
}
/*.quoteyellow p {
  margin-top: 2.2em;
  margin-left: 1.2em;
  padding-top: 1.5em;
  padding-right: 1em;
  padding-bottom: 2.8em;
  padding-left: 2em;
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.2em;
  color: #1F2719;
  background-image: url("../images/sprechblaseB.svg");
  background-repeat: no-repeat;
}*/
.quoteyellow p {
  margin-top: -1em;
  margin-right: 0em;
  padding-top: 2em;
  padding-right: 3em;
  padding-bottom: 2em;
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.2em;
    text-align: right;
  color: #1F2719;
  background-image: url("../images/sprechblaseB.svg");
  background-repeat: no-repeat;
    background-position: center right;
}
.project_nav {
  margin-top: 4em;
  margin-bottom: 1em;
}
.project_nav_small {
  margin-top: 1em;
  margin-bottom: 1em;
}
.project_nav h2 {
  font-family: 'Lato Regular', Helvetica, "Myriad Pro", "Gill Sans", "Gill Sans MT", Arial, "sans-serif";
  font-size: 1.2em;
  padding-bottom: 0.1em;
  color: #C3A246;
}
.leaf {
  position: absolute;
  width: 30%;
  height: 50%;
  border-radius: 90% 0;
  background-color: #AAB592;
  vertical-align: bottom;
}
.leaf2 {
  position: absolute;
  width: 20%;
  height: 6em;
  border-radius: 80% 0;
  background-color: #AAB592;
  vertical-align: bottom;
}
.card-body-leaf {
  padding: 2em 0.5em;
  margin-right: 3em;
}
.hr_red {
  width: 60%;
  height: 1px;
  background-color: #B54818;
  position: relative;
}
.circle {
  display: inline-block;
  vertical-align: end;
  width: 10px;
  height: 10px;
  background-color: #B54818;
  border: solid 1px #B54818;
  border-radius: 50%;
  position: absolute;
  top: -5px;
  left: calc(100% - 5px);
}
.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0);
  border: 0;
}
.navbar-light .navbar-toggler-icon {
  background-image: url("../images/menu_white.svg");
}
.navi_small {
  display: block;
}
 .skills_small {
    display: block;
  }
@media (max-width: 575.98px) {
  .navi_small {
    display: block;
  }
  .navi_standard {
    display: none;
  }
  .header_small {
    display: block;
  }
     .header_medi {
    display: none;
  }
  .header_standard {
    display: none;
  }
  .skills_small {
    display: block;
  }
  .skills_standard {
    display: none;
  }
  .mission_small {
    display: block;
  }
  .mission_standard {
    display: none;
  }
  .footer_small {
    display: block;
  }
  .footer_standard {
    display: none;
  }
  .content_small {
    display: block;
  }
  .content_standard {
    display: none;
  }
  .project_content_small {
    display: block;
  }
  .project_content_standard {
    display: none;
  }
  .project_nav_small {
    display: block;
  }
  .project_nav_standard {
    display: none;
  }
  .introduction_small {
    display: block;
  }
  .introduction_standard {
    display: none;
  }
  .stationen_small {
    display: block;
  }
  .stationen_standard {
    display: none;
  }
}
@media (min-width: 576px) {
  .navi_small {
    display: block;
  }
  .navi_standard {
    display: none;
  }
  .header_small {
    display: none;
  }
     .header_medi {
    display: block;
  }
  .header_standard {
    display: none;
  }
  .skills_small {
    display: block;
  }
  .skills_standard {
    display: none;
  }
  .mission_small {
    display: block;
  }
  .mission_standard {
    display: none;
  }
  .footer_small {
    display: block;
  }
  .footer_standard {
    display: none;
  }
  .content_small {
    display: none;
  }
  .content_standard {
    display: block;
  }
  .project_content_small {
    display: block;
  }
  .project_content_standard {
    display: none;
  }
  .project_nav_small {
    display: block;
  }
  .project_nav_standard {
    display: none;
  }
  .introduction_small {
    display: block;
  }
  .introduction_standard {
    display: none;
  }
  .stationen_small {
    display: block;
  }
  .stationen_standard {
    display: none;
  }
}
@media (min-width: 992px) {
    .navi_small {
    display: none;
  }
  .navi_standard {
    display: block;
  }
  .header_small {
    display: none;
  }
    .header_medi {
    display: none;
  }
  .header_standard {
    display: block;
  }
  .project_content_small {
    display: none;
  }
  .project_content_standard {
    display: block;
  }
  .project_nav_small {
    display: none;
  }
  .project_nav_standard {
    display: block;
  }
  .introduction_small {
    display: none;
  }
  .introduction_standard {
    display: block;
  }
  .stationen_small {
    display: none;
  }
  .stationen_standard {
    display: block;
  }
  .skills_small {
    display: none;
  }
  .skills_standard {
    display: block;
  }
    .mission_small {
    display: none;
  }
  .mission_standard {
    display: block;
  }
  .footer_small {
    display: none;
  }
  .footer_standard {
    display: block;
  }
}