body	{
	margin:auto;
	text-align:left;
	max-width: 950px;
	padding-left:5px;
	padding-right:5px;
	}

img
        {
        height:auto;
        width:100%;
        max-width:950px;
        min-width:300px;
        }

.artikel img
        {
        height:auto;
        height:200px;
        width:300px;
        border:4px solid #f4f0ee;
        margin-bottom:5px;
margin-left:0px;
        }

a img
        {
        height:auto;
        height:200px;
        width:300px;
        border:4px solid #f4f0ee;
        }



a img:hover
        {
        height:auto;
        height:200px;
        width:300px;
        border:4px solid #cbc1b9;
        }


.kartenkasten
        {
        height:auto;
        max-width:100%;
        min-width:320px;
        }

html
	{
	font-family:sans-serif;
	font-size:16px;
	font-style:normal;
	background-color:#f4f0ee;
	}


.artikel
        {
        height:auto;
        float:left;
        }



.unterlinks
        {
        height:auto;
        width:100%;
        float:left;
        margin-bottom:4px;

        padding-bottom:4px;
        }




.kundenmeinungen
        {
        height:auto;
        width:100%;
        float:left;
	background-color:#aaa;
	max-width:950px;
	min-width:300px;
	margin-top:0px;
        }

.kundenmeinungen a
        {
        display:block;
        padding:10px;
        margin-top:5px;
        margin-bottom:5px;
	margin-right: 5px;
        text-decoration:none;
        color:black;
        background-color:#cbc1b9;
        float:left;

        }

.kundenmeinungen a:focus ,
.kundenmeinungen a:hover ,
.kundenmeinungen a:active
        {
        color:white;
        background-color:black;
        }

.kundenmeinungen span
        {color:yellow;}



.unterlinks a
        {
        display:block;
        padding:10px;
        margin-top:0px;
        margin-bottom:4px;
        margin-right:4px;
        text-decoration:none;
        color:#000;
        background-color:#cbc1b9;
        float:left;
        width:125px;
        }

.unterlinks a:focus,
.unterlinks a:hover,
.unterlinks a:active
        {
        color:#fff;
        background-color:#000;
        }

p        {
        font-size:1em;
        font-weight:normal;
	color:#9c948e;
        }



h1, h2
        {
        font-size:1.0em;
        padding:0px;
        margin-top:5px;
        margin-bottom:5px;
        text-transform: uppercase;
        line-height: 110%;
        font-weight:normal;
	color:#9c948e;
        }

h2 span  {font-size:0.8em;}

h3        {
        font-size:1.5em;
        padding:0px;
        margin-top:10px;
        margin-bottom:10px;
        text-transform: uppercase;
        line-height: 110%;
        font-weight:normal;
	color:#9c948e;
        }


h1,
h2,
h3	{
        font-family:serif;
        }

span        {color:#a70000;}
p span	{font-size:13px;}










.dropbtn {
  	background-color: #a70000;;
  	color: white;
  	font-size: 16px;
  	border: none;
  	cursor: pointer;
	padding:10px;
        margin-top:5px;
        margin-bottom:5px;
	margin-right: 5px;
	width: 120px;
	}

.dropbtn:hover, .dropbtn:focus 
	{
  	background-color: black;
	color: white;
	}

.dropdown 
	{
  	position: relative;
  	display: inline-block;
	}

.dropdown-content 
	{

  	display: none;
  	position: absolute;
  	background-color: #cbc1b9;
  	min-width: 350px;
  	overflow: auto;
  	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  	z-index: 1;
	}

.dropdown-content a 
	{
  	display: block;
	min-width: 60px;
	font-size: 16px;
	}

.show 	{display: block;}