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

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

Globale Styles

Versionsinfo:

12.8.2026 Übernommen von den Morgemlandfahrern

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

/***************************************************************
*    Allgemeine Styles
*/

html, body {
    font-family: Arial, sans-serif;
    height: 100%;
    margin:0;
}


html.light { background: #fff; color: #000; }
html.dark { background: #222; color: #fff; }




body {
  display: flex;
  flex-direction: column;
}

body.light { background: #fff; color: #000; }
body.dark { background: #222; color: #fff; }

main {
  flex: 1; /* Drückt den Footer nach unten, wenn wenig Inhalt da ist */
}

a,a:link,a:visited{
    outline:none;
    text-decoration: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    
}

.linie {
   height: 1em;
   width: 96%;
   background-image: linear-gradient( to bottom,  transparent 0%, transparent 40%, black 50%, transparent 60%);
   margin-left: 2%; 
}

.borderless {
    border: none;
    padding: 0px;
    margin: 0em;      
}

.center {
    text-align: center;
}

.fussnote {
    position: fixed;
    right: 1px;
    bottom: 1px;
    color: #9fb470;
    font-family: sans-serif;
    font-size: xx-small;
}

.maindiv {
	position: relative;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border:0;
	margin:0;
}

.bild_links {
  float: left;
  margin-right: 15px; /* Abstand zum Text rechts */
  margin-bottom: 10px; /* Abstand nach unten */
}