.hero{
    background-position: bottom !important;
}

#anfang{padding-bottom: 5px;}

.angebot{
    display: flex; flex-wrap: wrap; width: 90%;  margin: 0 auto 40px;
} 
.angebot a{
    cursor:url(http://www.rw-designer.com/cursor-view/58768.png),auto; display: flex; align-items: center; background-image: linear-gradient(var(--on-secondary), var(--primary)); text-decoration: none; color: white; padding: 20px 30px; margin: 1% 1%; border: #777bd1 3px solid; border-radius: 20px ; flex: 1 1 5%; 
}
.angebot a:hover {
    background-image: linear-gradient(#EFBEB7, var(--highlight));border: #EFBEB7 3px solid; 
}
.angebot-box{
    display: block; margin-left: auto; margin-right: auto; min-width: 80px; text-align: center;
} 
/*Infobox*/
a:hover span{
    visibility: visible;
}
.angebot-box span{
    visibility: hidden; position: absolute; margin: 0px 0px 0px; font-size: 13px; z-index: 1; width: 150px; background-color:var(--primary); color: white; text-align: center; border-radius: 6px; padding: 5px 1%;
}

.Tabelle{
    text-align: center; margin: 20px auto; width: 90%; min-width: 300px; border-collapse: collapse; border-radius: 20px 20px 20px 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 66, 0.363);
}
.Tabelle thead tr{
    background-color: darkblue;
    color: white;
    font-weight: bold;
}
td,th{
    padding: 10px 10px;
}
.Tabelle tbody tr{
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.Tabelle tbody tr:nth-of-type(even){
    background-color: rgb(231, 231, 231);
}
.Tabelle tbody tr:last-of-type{
    border-bottom: none;
}
#PlusMinus{
    background-color: rgba(0, 0, 139, 0.2);
}

.tile-content h4{
    margin: auto 8px;
}

#ENCANTO-stat{
    width: 60%; min-width: 280px; border: 4px solid var(--primary);
}



@media screen and (max-width: 500px) 
{
    .Tabelle, .angebot-box, h4, span ,p {
        font-size: small;
    }
    .angebot-box span{
        visibility: hidden; position: absolute; margin: 0px 0px 0px; font-size: 10px; z-index: 1; width: 100px; background-color:var(--primary); color: white; text-align: center; border-radius: 6px; padding: 5px 1%;
    }
    #ENCANTO-stat{
        margin-left: 5px;
    }
}