.header{
    text-align: center;

}
.logo{
    width: 100%;
    /*filter: invert();*/
    margin-top: 35px;
    margin-bottom: 35px;
    animation: logo-fly-in 4s ease-in-out 0s 1 both;
}
@media (min-width: 992px) {
    .logo {
      width: 80%;
    }
}
@keyframes logo-fly-in{

    0% {
        opacity: 0;
       
        transform: translate(-60vw,0)
    }
  100% {
      opacity:0.9;
      transform: translate(0,0)
  }
  }
.logo:hover{
    filter:none;
}

.logo-title{
    text-align:center;
    font-family:'Roboto', sans-serif;
    color:#545454;
    animation: logo-fly-in 4s ease-in-out 0s 1 both;
}

.main{
    text-align: center;
    color: white;
}
.main-heading{
    margin-bottom: 5px;
}
.main-title{
    color:white;
}
.main-title:hover{
    color:red;
    font-weight: bold;
}



.button{
    color: white;
    text-decoration: none;
    background-color:rgb(135, 111, 96);
    padding: 10px 20px 10px 20px;
    display: inline-block;
    border-radius: 10000px;
    margin-top: 10px;
    font-weight: bold;

    transition: background-color 5s, color 0.5s;

}
.button:hover{
    background-color:rgb(36,29,25);
    /*color: yellow;
    transition: all 0s;*/
}
.news-box{
    /*background-color: rgba(119,140,161,0.65);*/
    background-color: rgba(42, 66, 96, 0.85);
    border-radius: 10px;
    margin-top: 8px;
    margin-bottom: 0px;
    overflow: hidden;
   
}
.news-title{
    font-family: 'Raleway-Italic';
    text-align: center;
    font-weight: 500;
    margin-left: 5px;
    margin-top:10px;
    color: white;
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingNews{
    0%{     color:white;    }
    49%{    color:white }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color:white;    }
}
.news-text{
    font-family: 'Raleway' ;
    font-weight: 500;
    text-align: center;
    color: white;
    animation-name: news-today;
    animation-duration: 10s;
    animation-timing-function:linear;
    animation-iteration-count: 50;
    
}
.news-vorspeise{
    color:#89154D;
    margin-left: 3px;
    overflow-x: hidden;
}
.news-hauptspeise{
    color:#89154D;
    margin-left: 20px;
}
@keyframes news-today{

    0% {
        opacity: 0.7;
        transform: translate(100vw,0)
    }
    100% {
        opacity:0.9;
        transform: translate(-100vw,0)
        }
    
    }
    @media (min-width: 1200px) {
    
        @keyframes news-today{

            0% {
                opacity: 0.7;
                transform: translate(50vw,0)
            }
            100% {
                opacity:0.9;
                transform: translate(-50vw,0)
                }
            
            }     
         } 
.card-head-container{
margin-bottom:2rem;
}
.card__container {
            perspective: 800px;
            margin: 0 auto;
            width: 15rem;
            
         }
.card-service {
            position: relative;
            padding: 4rem 3rem;
            margin: 2rem auto;
            
            height: auto;
            width: 15rem;
            /*border-radius: 2rem;
            border-bottom: 0.25rem solid #64a19d;
            box-shadow: 0.2rem 0.2rem 0.5rem rgba(100, 161, 157, 0.5);*/
            color: #545454;
            font-family: 'Roboto_Slab';
            text-align: center;
          
            transition: transform 1s ease-in-out;
            transform-style: preserve-3d;
            transform: rotateY(0deg);
          }
.card__container .card-service:hover {
            transform: rotateY(180deg);
          }
.card-service-front {
            position: absolute;
            top: 0;
            bottom: 0;
            border:0;
            left: 0;
            right: 0;
           /* background-image: linear-gradient(45deg, rgb(255, 212, 218), rgb(255, 255, 255));*/
           background-color: white;
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
          }
          
.card-service-back {
            position: absolute;
            top: 0;
            bottom: 0;
            border:0;
            left: 0;
            right: 0;
            background-image: linear-gradient(45deg, rgb(233, 174, 108), rgb(250, 90, 69));
            transform: rotateY(180deg);
            -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
          }   
.card-service-img{
width: 15rem;
height: auto;
margin-bottom: 0.5rem;
              
}  
.card-service-text{
    font-family:'Indie Flower';
    margin-bottom: 4rem;
   
}