/* Grundlegende Festlegungen */

html {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	/* line-height: 1.88889; */
	/* color: #555753; */
	background-image: url("./Bilder/Kachel_HG_Verkehrsweiss_LR.jpg");
        background-size: 60px;
	margin: 0;
	padding: 0;
        counter-reset: ebene1;
	}

/* Navigation */

header {
	margin-top: 1em;
	margin-left: 2.7%;
	}

nav li {
	display: inline-block;
        background-color: #F1F0EA; /* Verkehrsweiss */
        border-radius: 10 px;
	margin-right: 2%;
	padding: 5 px;
        font-size: 1.3em;
	}

footer li {
	display: inline-block;
        background-color: #F1F0EA; /* Verkehrsweiss */
        border-radius: 10 px;
	margin-right: 2%;
	padding: 5 px;
        font-size: 1.1em;
	}

/* Hauptbereich der HTML-Seite */

main{
	display: inline-block;
        background-color: #F1F0EA; /* Verkehrsweiss */
        border-radius: 10 px;
	margin-left: 2.7%;
	margin-right: 10%;
	padding: 5 px;
	}

/* Zähler: Wird für h1, h2 und h3 korrekt gesetzt, aber allgemein nicht angezeigt */
h1:before {
    counter-increment: ebene1;}
h1 {counter-reset: ebene2;}

h2:before {
    counter-increment: ebene2;}
h2 {counter-reset: ebene3;}

h3:before {
    counter-increment: ebene3;}
h3 {counter-reset: ebene4;}

h4:before {
    counter-increment: ebene4;}

p {
	margin-top: 0;
	text-align: justify;
	}
h3 {
	/* font: italic normal 1.4em georgia, sans-serif; */
	/* letter-spacing: 1px; */
	margin-bottom: 0; 
	/* color: #7D775C; */
	}

/* Darstellung der Links */

a:link { 
	font-weight: bold; 
	text-decoration: none; 
        color: #005387; /* RAL "Signalblau" */
	}
a:visited {
	font-weight: bold; 
	text-decoration: none; 
	color: #0089B6; /* RAL "Lichtblau" */
	}
a:hover, a:focus, a:active { 
	text-decoration: underline; 
	color: #222D5A; /* RAL "Nachtblau" */
	}
abbr {
	border-bottom: none;
	}

/* Spezifische Festlegungen */

/* Beiträge auf Hauptseite */

.desc_main {
	display: inline-block;
	padding-bottom:2em;
	width:45%;
        margin-left: 2.4%;
        margin-right: 2.4%;
        vertical-align: top;
	}

.desc_main img {
	float: left;
	width: 320px;
	height: auto;
	margin-top: 1em;
        margin-right: 1em;
	}

#desc_kontakt {
	display: inline-block;
	padding-bottom:2em;
	width:95%;
        margin-left: 2.4%;
        margin-right: 2.4%;
        padding-bottom:0em;
	}

/* Beiträge auf Produktseite */

.desc_produkt {
	display: inline-block;
	/* BACKGROUND:#880622 url("../../02_Abbildungen/Dummy/Dummy.jpg") 0 10px no-repeat; */
	padding-bottom:2em;
	/* margin-top:-35px; */
	/* border-right: solid 1px #5F0116; */
	}

#desc_hauptprodukt {
	background-color: #CCCCFF; /* helles Blau */
        width:95%;
        margin-left: 2.4%;
        margin-right: 2.4%;
	margin-bottom: 2.0em;
        padding-bottom:0em;
        /* border-bottom: solid 2.0px #000000; */
        /* border-style: solid; */
        /* border-width: 2.0px; */
	}

#desc_standardhlt, #desc_spezialhlt, #desc_ansatzhlt, #desc_gestaltunghlt {
	width:45%;
        margin-left: 2.4%;
        margin-right: 2.4%;
        vertical-align: top;
	}

.desc_produkt img {
	float: left;
	width: 160px;
	height: auto;
        margin-right: 1em;
	}

.desc_produkt h2 {
	margin-top: 0.25em;
	margin-bottom: 0.0em;
	}

.desc_produkt p {
	display: inline;
	}

.desc_produkt ul {
	display: inline-block;
	margin-top: 0em;
        vertical-align: top;
	}

/* Beiträge auf Impressum-Seite */

#seitentext-impressum img  {
	float: left;
	height: 1.0em;
	width: auto;
        margin-bottom: -0.125em;
	}

/* Beiträge auf Datenschutzerklärung-Seite */

#seitentext-datenschutzerklärung img  {
	float: left;
	height: 1.0em;
	width: auto;
        margin-bottom: -0.125em;
	}

/* Numerierung bei der Datenschutzerklärung */

#seitentext-datenschutzerklärung {counter-reset: ebene2;}

#seitentext-datenschutzerklärung h2:before {
    content: counter(ebene2, upper-roman) ". ";
    counter-increment: ebene2;}
#seitentext-datenschutzerklärung h2 {counter-reset: ebene3;}

#seitentext-datenschutzerklärung h3:before {
    content: counter(ebene3) ". ";
    counter-increment: ebene3;}
#seitentext-datenschutzerklärung h3 {counter-reset: ebene4;}

#seitentext-datenschutzerklärung h4:before {
    content: counter(ebene4, lower-latin) ") ";
    counter-increment: ebene4;}

/* Formatierung des Kontaktformulars */

fieldset {
	/* background: white; */
        background-image: linear-gradient(#1A72BFBF, #1A72BF3F);
	border: 1px solid black;
	border-radius: 0.5em;
	margin: 0 0 1rem 0;
}

legend {
	background: white;
	border: 1px solid black;
	border-radius: 0.5rem;
	box-shadow: 0 0 0.5rem #888;
	padding: 0.5rem 1rem;
}

#subject {
	width: calc(100% - 1rem);
}

#message {
	height: 5rem;
	width: calc(100% - 1rem);
}

dt {
	font-weight: bold;
	padding: 0 0 0.5em 3em;
}

dt:not(:first-of-type) {
	margin: 2em 0 0 0;
}

dd {
	margin: 0;
	padding: 0;
}

dd ul {
	list-style: none;
	padding: 0;
}

dd li {
	margin: 0;
	padding: 0;
}

dd label:first-of-type {
	display: inline-block;
	text-align: right;
	width: 8em;
}