/* TYPO */

* {
    font-family: 'Source Sans';
}

h1, h2, h3, h4, h5, h6 {
    color: #007e78;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.blig {
    color: #007e78;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

a {
    color: #007e78;
    text-decoration: none;
    background-color: transparent
}

/* NAV */

.navbar-toggler {
    border: 1px solid #595a5b;
}

.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

header {
    padding: 2rem 0;
}

.navbar {
    padding: .5rem 0rem;
}

.navbar-nav .dropdown-menu {
    text-align: left;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-left: 1rem;
}

header nav ul li a {
    color: #595a5b;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

header nav ul li a:hover {
    color: #007e78;
}

nav .dropdown-item.active {
    background-color: #007e78;
}

nav .active>a {
    color: #007e78;
}

/* SLIDER */
.jumbotron {
    padding: 0;
    background-color: #fff;
    margin-bottom: 3.5rem;
}

.carousel-caption {
    background-color: rgba(255, 255, 255, 0.75);
    padding: 2rem 3.5rem 1.0rem;
    text-align: left;
    left: 30%;
    right: 30%;
    bottom: 60px;
}

.carousel-caption p {
    color: #000;
}

/* ACCORDION */

.accordion {}

.accordion .card {}

.accordion .card .card-header {
    background-color: #007e78;
}

.accordion .card .card-header h3 button {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #fff;
}

/* FOOTER */

footer {
    background-color: #003f38;
    margin-top: 3.5rem;
    padding: 2rem 0;
}

footer.footer * {
    color: #bddfdd;
}

.footer hr {
    margin: 0.5rem 0 1rem;
    border-bottom: 1px solid #bddfdd;
}

.footer .row {
    margin-left: 0;
    margin-right: 0;
}

.footer a {
    color: #ebf5f5;    
}

/* Abstände */
.start-kacheln, hr {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

/* Kacheln */

.flip {
  -webkit-perspective: 800;   
          perspective: 800;
        position: relative;
        text-align: center;
}

/*@media screen and (max-width: 991px) {
  .flip {
    margin: 0 auto;
  }
}*/

.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.flip .card {
    width: 360px;
    height: 278px;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #d8ecec;
    border: 0;
   
}
.flip .card .face {
  backface-visibility: hidden;
  /*-webkit-backface-visibility: hidden; 
  -moz-backface-visibility: hidden;*/
   z-index: 2;
}
.flip .card .front {
   position: absolute;
   width: 380px;
   z-index: 1;
}
.flip .card .front img{
  width: 360px;
  height: 100%;
  margin-top: 1rem;
}
.flip .card .img {
   position: relaitve;
   width: 360px;
   height: 278px;
   z-index: 1;
   border: 2px solid #000;
}
.flip .card .back {
  padding-top: 10%;
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  position: absolute;
  background-color: #d8ecec;
    z-index: 1;
}

.flip .card .back a {
    color: #007e78!important;
    text-decoration: none!important;
}

.flip .card .back a:hover {
    color: #007e78!important;
    text-decoration: none!important;
}

.inner{
  margin:0px !important;
  width: 360px;
}

.start-kacheln .col-lg-4 {
    margin-bottom: 1rem;
}

.start-kacheln button.btn {
    border: 1px solid #007e78;
    color: #007e78;
    background-color: #fff;
}

.start-kacheln .card .inner p, .start-kacheln .card .inner h4 {
    padding: 0 1rem;
}

/*.main footer {
    max-width: 470px;
}*/

main ul ul {
    list-style-type: "– ";
}

.img-responsive {
    width: 100%;
    margin-bottom: 3rem;
}