* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*{
        margin: 0;
        padding: 0;
}
body 
{
font: 100.01% Verdana, Arial, Helvetica, sans-serif;
}
h2, h3
{
    color: #5d4516
}
hr
{
    display: flex;
    height: 2px;
    color: gray;
}
img
{
    border: none;
}
.video
{
    padding: 0.25em;
    #border: 2px solid;
}
.tinyImg
{
    margin: 0.5em 0.25em -0.4em 0;
    #border: 2px solid;
}
.Produkt
{
    color: blue;
    font-style: italic;
    font-size: 1.5em;
    padding: 0.5em 0 0 0;
}
.Aktuelles
{
    color: inherit;
   #font-style: italic;
    font-size: 1.5em;
    padding: 0.5em 0 0 0;
}
.zfa
{
    margin: auto;
    max-width: 800px;
    #border: solid 3px gray;
}
a{color: #9d9d9d;}
a:hover
{
    color: white;
    background-color: #428bca;
}
.zfaHead
{
    position: relative;
    overflow: auto;
    background-color: #1f1f1f;
    #border: solid 3px blue;
}
.logoTop
{
    float: left;
    padding: 0.25em;
    height:5em;
    border: none;
    #border: solid 3px green;
}
.logoTop:hover
{
    background-color: #0f395d;
}
#ham
{
    float: right;
    padding: 1em;
    height:5em;
    #color: #9d9d9d;
    color: #8e8e8e;
    display: none;
    #border: solid 3px green;
}
#ham:hover
{
    color: white;
    background-color: #428bca;
}
h2
{
    padding: 0.5em 0 0 0;
    color: ##00183C;
}
.headTopTxt
{
    float: right;
    font-style: italic;
    text-decoration: none;
    display: inline-block;
    padding: 0.5em 1em;
    #border: solid 3px red;
}
.container
{
    position: relative;
    overflow: auto;
    #background-color: lightblue;
    #border: solid 3px blue; 
}
.contRight
{
    overflow: auto;
    background-color: white;
    #margin-left: 26%;
    #border: solid 3px green;
}
section, .paragraphs
{
    float: left;
    line-height: 1.6;
    margin: auto;
    width: 100%;
    color: ##00183C;
    padding: 0.25em 1em 0.25em 1em;
    #border: solid 5px yellow;
    #Auto-Silbentrennung 0170728:
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}
body
{
    margin-bottom: 120px;
}
.zfaNavi
{
    float: left;
    #width: 26%;
    list-style: none;
    margin-top: 0.5em;
    background-color: #353D4C;
    #border: solid 3px brown;  
}
.zfaNavi li a
{
    text-decoration: none;
    padding: 0.5em;
    display: block;
    #border: solid 3px red;
}
.zfaFoot
{
    overflow: auto;
    margin-top: 0.5em;
    background-color: #1f1f1f;
    #border: solid 3px blue;
}
.back a
{
    float: right;
    display: block;
    padding: 1em;
    #border: solid 3px green;
}
.foot a, .cRight
{
    float: left;
    display: block;
    padding: 1em;
    #border: solid 3px green;
}
.fixedcontact
{
    position: fixed;
    bottom: 0;
    padding: 0.5em;
    margin: 0.5em;
    color: #9d9d9d;
    border-radius: 0.5em;
    #background-color: #af4f1c;
    background-color: rgba(31, 31, 31, 0.80);
    #border: solid 2px blue;
}
.fixedcontact a
{
    #position: absolute;
    float: right;
    padding: 0.2em 0.75em;
    border-radius: 0.5em;
    #border: dotted 1px #428bca;
}
.telEmail
{
    float: left;
    padding: 0.5em;
    #border: solid 2px red;
}
.fixedcontact.off
{
    display: none;
}
@media screen and (max-width:700px)
{
	.contRight
	{
		margin: 0;
		background-color: white;
		#border: solid 3px brown;  
	}
	.zfaNavi
	{
		float: none;
		width: 100%;
		overflow: auto;
		margin-top: 0;
	}
	.zfaNavi li 
	{
		float: left;
	}
	.zfaFoot
	{
		margin-top: 0;
	}
}
@media screen and (max-width: 500px)
{
	#ham
	{
		display: block;
	}
	.zfaNavi li
	{
		width: 100%;
	}
	.zfaNavi
	{
		display: none;
	}
	.zfaNavi.resp
	{
		display:block;
		width: 100%;
		font-size: 1.25em;
		text-align: center;
	}
	.headTopTxt
	{
		float: left;
	}
	.fixedcontact
	{
		display: none
    	}
}