.kontaktStell{
    width: 50px;
    height: 50px;
    aspect-ratio: 1/1;
    border-radius: var(--main-border-radius-medium);
    background-color: var(--main-border-color);
}

.image-container {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.tagicon{
    width: 40px;
    height: 40px;
    aspect-ratio: 1/1;
}

.artFreizeit{
    background-color: var(--tag-color-1);
    border-radius: 10%;
}

.artPark{
    background-color: var(--tag-color-2);
    border-radius: 10%;
}

.artService{
    background-color: var(--tag-color-3);
    border-radius: 10%;
}

.tagsStell{
    width: 100%;
}

.tagsStellplatz{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 15px;
}

.image-item {
    position: relative;
    display: inline-block;
}

.hover-text {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: black;
    color: white;
    padding: 5px;
    border-radius: 5px;
    white-space: normal;
    max-width: 200px;
    z-index: 1;
    width: auto;
}

.image-item:hover .hover-text {
    display: block;
}

.ArtStellplatz{
    border-radius: var(--main-border-radius-medium);
    width: 40px;
    height: 40px;
}

.artTag{
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
}

.artTag>span{
    display: flex;
    align-items: center;
}


.art1{
    background-color: var(--farbe-1);
}

.art2{
    background-color: var(--farbe-2);
}

.art3{
    background-color: var(--farbe-3);
}

.art4{
    background-color: var(--farbe-4);
}

.art5{
    background-color: var(--farbe-5);
}

.art6{
    background-color: var(--farbe-6);
}

.art7{
    background-color: var(--farbe-7);
}

.art8{
    background-color: var(--farbe-8);
}

.art9{
    background-color: var(--farbe-9);
}

.art10{
    background-color: var(--farbe-10);
}

.art11{
    background-color: var(--farbe-11);
}

.art12{
    background-color: var(--farbe-12);
}

.art13{
    background-color: var(--farbe-13);
}

.iconFilter{
    width: 30px;
    height: 30px;
}

/*Large Desktop, TV, etc.*/
@media screen and (min-width: 1200px){

}

/*Tablet landscape, laptop, Desktop*/
@media screen and (min-width: 992px) and (max-width: 1199px){ 

}

/*Tablet portrait*/
@media screen and (min-width: 767px) and (max-width: 991px) { 

}

/*mobile landscape*/
@media screen and (min-width: 480px) and (max-width: 766px){

}

@media screen and (max-width: 479px){
    
}