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

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

Styles für about.php

Versionsinfo:


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

.auto_flexbox {
  position: static;
  left: 10px;
  font-family: Helvetica, sans-serif;
  display: flex;
  flex-direction: row;
/*  flex-wrap: wrap; */
}
.auto_firstdiv{
  font-size: x-large;
  font-weight: bold;
  margin-right: 2em;
}

.auto_beschreibung {
  max-width: 50em;
  font-size: large;
}

.autodokumente {
  position: static;
  left: 10px;
  font-family: Helvetica, sans-serif;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.auto_pdf {
	margin: 5px;
	font-size: small;
}

.auto_pdf img {
  border: 1px solid black;
  width: 6em;
  transition: transform 0.2s ease;
}

.auto_pdf img:hover {
  transform: scale(1.2);
}
.auto_pdf_untertitel {
  width: 6em;
  overflow-wrap: anywhere;
  overflow: visible;
}

.galerieitem {
	margin: 5px;
	font-size: small;
   border: 5px solid grey;
   border-radius: 20px;
}   
   
   
.galerieitem img {
  width: 20em;
  transition: transform 0.2s ease;
}

.galerieitem img:hover {
	  transform: scale(1.2);
}

.galerieitem_text {

}

@media (aspect-ratio < 0.9) {

.auto_flexbox {
  position: static;
  left: 10px;
  font-family: Helvetica, sans-serif;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.auto_firstdiv{
  font-size: x-large;
  font-weight: bold;
  margin-right: 2em;
  width: 100%;
}


}