/**********************************************************************************************************************
 *         ____                               _                _   _                 _                   _            *
 *        / ___|__ _ _ __ ___  ___ _ ____   _(_) ___ ___      | | | | __ _ _ __   __| |_      _____ _ __| | __        *
 *       | |   / _` | '__/ __|/ _ \ '__\ \ / / |/ __/ _ \_____| |_| |/ _` | '_ \ / _` \ \ /\ / / _ \ '__| |/ /        *
 *       | |__| (_| | |  \__ \  __/ |   \ V /| | (_|  __/_____|  _  | (_| | | | | (_| |\ V  V /  __/ |  |   <         *
 *        \____\__,_|_|  |___/\___|_|    \_/ |_|\___\___|     |_| |_|\__,_|_| |_|\__,_| \_/\_/ \___|_|  |_|\_\        *
 *                                                                                                                    *
 **********************************************************************************************************************
  index.css

Projekt: Carservive-Handwerk.de
Autor:   Robert Kesseler
Datum:   12.8.2026
Version: 15.8.2026

Styles für index.css

Versionsinfo:

15.8.2026

*******************************************************/

/************************************************
* der Container für alle Töpfchen
*/
.alletoepfe {
	box-sizing: border-box;
	position: static;
	width: 100%;
/*	top: 70%;
	height: 20%; */
	display: flex;
	flex-direction: row;  
	flex-wrap: wrap;
	/*border: 1px solid green;*/
}

.topf_container {
	box-sizing: border-box;
   /*border: 2px solid red;*/
   width: 33%;  /* der weite von allelöpfe */
   
   } 
 
.topf {
	text-align: center;
   /*border: 1px dotted blue;*/
}

.topf img {
  width: 40%;
  transition: transform 0.2s ease;
  /*border: 6px dotted green;
  background-color: red;*/
}


.topf img:hover {
    /*width: 45%;*/
   transform: scale(1.5); 
 }

.topf_text_light {
    font-family: Arial;
    font-weight: normal;
    font-size: x-large;
    width: auto;
    text-align: center;
    color: #c1832d;
}
.topf_text_dark {
    font-family: Arial;
    font-weight: normal;
    font-size: x-large;
    width: auto;
    text-align: center;
    color: #dfa03f;
}