.heading{
    background-image: url(../media/broetchen_demo.webp);
}

body:after {
    display: none;
    content: url("../media/produkte/Ei_front.webp");
   }

   @media screen and (orientation:portrait) { 
    .prdct{  
        min-height: 290px !important; 
    }
}


h1, h2, h3, h4, h5{
    margin-top: 10px;
    text-align: center;
    font-family: 'Comfortaa', cursive;
}


.prdct-heading{
    font-family: 'Amatic SC', cursive;
}

.prdct-container{
    padding: 5px;
    margin-bottom: 30px;
    
}

.prdct{
    border-style: solid;
    border-width: 2px;
    border-color: gray;
    border-radius: 5px;
    align-items: center;  
    min-height: 370px; 
    text-align: center;
}

.prdct-allergens{
    font-size: 12px;
    vertical-align: super;
}

.allergeens-container{
    text-align: center;
}

.allergeens{
    font-size: 14px;
}

.allergeens-heading:hover{
    cursor: pointer;
    color: green;
}

.allergeens-heading{
    font-size: 16px !important;
}

#Kaese:hover{
    content: url("../media/produkte/Kaese_front.webp");
}

#Griechisch:hover{
    content: url("../media/produkte/Griechisch_front.webp");
}

#Vitamin:hover{
    content: url("../media/produkte/Vitamin_front.webp");
}

#Ei:hover{
    content: url("../media/produkte/Ei_front.webp");
}

#Thunfisch:hover{
    content: url("../media/produkte/Thnfisch_front.webp");
}

#Schrimps:hover{
    content: url("../media/produkte/Schrimps_front.webp");
}

#Lachs:hover{
    content: url("../media/produkte/Lachs_front.webp");
}

#Schinken:hover{
    content: url("../media/produkte/Schinken_front.webp");
}

#Rohschinken:hover{
    content: url("../media/produkte/Rohschinken_front.webp");
}

#Salami:hover{
    content: url("../media/produkte/Salami_front.webp");
}

#Karree:hover{
    content: url("../media/produkte/PfefferKarree_front.webp");
}