footer{
	text-align: center;
	text-decoration: none;
	color: white;
	background-color: #822C31;
    padding: 5px;
    font-size:2em; 
}

.kontakttermine{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 95%;
    margin: 2.5%;
    justify-content: space-between;
    align-items: center;
   


}
.kontakttermine img 
{
    width: 98%;
    margin-left: 2%;
    margin-right: 2%;
}

.kontakt{
    background-color: rgb(89, 129, 98);
    text-align: center;
    margin: 5%; 
}

.hochzeitsfloristik{
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: white;
    width: 90%;
    margin-left: 5%;
    justify-content: center;
    background-color: #822C31;
    align-items: center; 
}
.trauerfloristik{
    display: grid;
    grid-template-columns: 1fr 1fr;
    color: black;
    width: 90%;
    margin-left: 5%;
    justify-content: center;
    background-color: white;
    align-items: center; 
}

.trauerfloristik h2{
    color: black;
}

.hochzeitsfloristik img{
    width:100%;
    padding: 15px;
}

.trauerfloristik img{
    width: 100%;
    padding: 15%;
}

.hochzeitsfloristik li{
    font-size: 1.5em;
}
.trauerfloristik li{
    font-size: 1.5em; 
}



.text h2{
    font-size: 4em;
    text-align: center;
    padding: 0%; 
    width: 100%;
}
.text p {
    padding: 20%;
    font-size: 1.5em;
    text-align: center; 
}

.vertical-images{
  grid-template-rows: 1fr 1fr;
  grid-template-columns: 1fr;
  margin-bottom: 10px; /* Abstand zwischen Bildern */
}

.containerNachLinks{
    margin-right: 30px;
}
@media(max-width: 768px){

    .kontakttermine{
        grid-template-columns: 1fr;
    }

    .hochzeitsfloristik{
        grid-template-columns: 1fr;
    }

    .trauerfloristik{
        grid-template-columns: 1fr;

    }

    .trauerfloristik h2{
        width: 100%;
        text-align: center;
    }
	
	.text{
		padding: 0%
	}

    .text h2{
        font-size: 2em;
    }
    .text p {
        font-size: 1em;
    }
	.hochzeitsfloristik img{
    width:100%;
    padding: 0px;
    }      
    .trauerfloristik img{
        order: 2;
    }


}