body        {
            /*background-color: #FFD22C;*/
            background:url(Imkerei_Zehm_wabe_1.png) repeat;
            font-size: 100%;
            font-family: sans-serif;
            color: #A5CD05;
            margin: 0em;
            padding: 0em;
            }

h1          {
            font-size: 2.0em;
            line-height: 2,8em;
            font-weight: 500;
            margin: 0em;
            }

h2          {
            font-size: 1.4em;
            line-height: 0,8em;
            font-weight: 200;
            margin: 0em;
            padding: 1,25em;
            text-align: left;
            }

p          {
            font-size: 1.2em;
            line-height: 0,8em;
            font-weight: 400;
            margin: 0em;
            padding: 1,25em;
            text-align: justify;
            }

p1          {
            color: grey;
            font-size: 1.0em;
            line-height: 0,8em;
            font-weight: 100;
            margin: 0em;
            padding: 1,25em;
            text-align: justify;
            }

p2          {
            color: grey;
            font-size: 0.8em;
            line-height: 0,8em;
            font-weight: 500;
            margin: 0em;
            padding: 1,25em;
            text-align: justify;
            }

ul {
            /*list-style-type: none;*/
            margin: 0;
            padding: 0px;
            }

li {  
            list-style: square;
            font-weight: 100;
            line-height: 1.25em;
            padding: 1.0em;
            margin: 0.313em 0em 0.313em 0em;
            }

a {
            text-decoration: none
            }


img {
            width: 90%;
            height: auto;
            max-width: 100%;
            }

#seite 		{
            display: block;
            margin-top: -1px;
            margin-bottom: -1px;
            width: 100%;
            max-width: 980px;
            margin-left: auto;
            margin-right: auto;
            background-color: #FFFFFF;
            box-shadow: 1px 1px 20px 6px #69800F;
			}
			
#kopfbereich {
            display: block;
            width: 100%;
            height: auto;
            max-width: 980px;
			background-color: #FFFFFF ;
			}


#kopf_logo {
            display: inline-block;
			width: 200px;
            height: 120px;
            max-width: 200px;
			background-color: #FFFFFF ;
      		margin: 5% 0% 0% 5%;
            padding: 1% 1% 1% 3%;
            /*position: absolute;
            top: 30px;*/
            border-radius: 100% / 100%;
            box-shadow: 1px 1px 20px 1px #69800F;

            background: url('Imkerei%20Zehm.png') no-repeat;
			background-position-x: 50%;
			background-position-y: 15%;
			background-size: 85%;

			}
#kopf_logo img {
			display: none;
}			
			
#kopf_element {
            height: auto;
            display: inline-block;
			background-color: #FFFFFF ;
            margin: 2% 0% 0% 1%;
            padding: 0% 0% 0% 0%;
            /*margin: 0em 10em 0em 25em;
            position: absolute;
            top: 70px;
            padding: 1.0em 2.0em 1.0em 1.0em;
            letter-spacing: 1px;*/
			}

#kopf_element ul {
            width: 100%;
            text-align: center;
            display: inline-block;
            background-color: #FFFFFF ;
			}

#kopf_element ul li {
            display: inline;
            }

#kopf_element ul li a {
            color: grey;
            font-size: 1.25em;
            line-height: 2.0em;
            padding: 0.2em 0.1em 0.2em 0.1em  ;
            }

#kopf_element a:hover, 
#kopf_element a.active{
            color: #A5CD05;    
            }

#menubar    {
            display:none;
            margin-top: 10px;
            border-width: 3px;
            border-style: solid;
            border-image:
            linear-gradient(to right, white 0%, #A5CD05 50%, white 100%)1 0 0 0;
            }
#menubar ul   {
            width: auto;
            display: block;
            padding-left: 1.5em;
            padding-right: 1.5em;
            }
#menubar ul li {
            display:inline-block;
            }
#menubar ul li a.menubutton {
            width: 2.5em;
            display:none;
            padding-top: 0.6em;
            }
#menubar ul li a.active {
            font-size: 1.4em;
            line-height: 2em;
            vertical-align: bottom;
            }

#inhalt     {
            display: block;
            width: 100%;
            height: auto;
            max-width: 980px;
            margin: 1.25em auto;
            padding: 0em;
			background-color: #FFFFFF ;
			}

#inhalt_prod {
            width: 35%;
            margin: 5% 0% 0% 10%;
            padding: 0em;
            max-width: 350px;
            }

#inhalt_prod_2 {
            width: 90%;
            margin: -05% 0% 10% 10%;
            /*display: flex;
            justify-content: flex-start;*/
            position: relative;
            }


#grafik {
            width: 60%;
            margin: -30% 0% 0% 45%;
            padding: 0em;
            max-width: 160px;
            }

#grafik_2 {
            width: 70%;
            margin: -20% 0% 0% 35%;
            padding: 0em;
            max-width: 260px;
            }

#grafik_3 {
            /* width: 200%; */
            margin: -35% 0% 0% 85%;
            padding: 0em;
            /* max-width: 800px; */
            }

#shop_prod {
            display: block;
            width: 70%;
			height: auto;
            margin-top: 2%;
            margin-left: auto;
            margin-right: auto;
			background-color: #FFFFFF ;
            text-align: center;
            }

.shop_prod_1 {
            display: inline-block;
            width: 190px;
			height: 190px;
            margin: 2%;
            padding: 0% 0% 3% 0%;
			background-color: #FFFFFF ;
            border-radius: 10px;
            box-shadow: 1px 1px 20px 1px #69800F;
            text-align: center;
            font-size: 1.5em;
            }
    
.shop_pic {
            display: block;
            width: 80%;
			height: 80%;
            padding: 10% 0% 1% 10%;
            }

#shop_table{
            display:block;
            width: 70%;
			height: auto;
            margin-top: 10em;
            margin-left: auto;
            margin-right: auto;
			background-color: #FFFFFF ;
            text-align: center;
            }

#shop_table a{color: grey;}

#shop_table a:hover, 
#shop_table a.active{
            color: #A5CD05;    
            }

.shop_spalte_1{
            display: inline-block;
            width: 53%;
			height: auto;
			background-color: #FFFFFF ;
            padding-right: 1%;
            }

.shop_spalte_2{
            display: inline-block;
            width: 43%;
			height: auto;
            margin-left: 2%;
            margin-bottom: 5%;
            vertical-align: top;
            }

.shop_zeile{
            display: block;
			height: auto;
            margin-top: 5%;
            text-align: left;
            padding-left: 10%;
            padding-bottom: 3%;
            padding-top: 3%;
            border-width: 2px;
            border-style: solid;
            border-image:
            linear-gradient(to right, white 0%, #A5CD05 50%, white 100%)0 0 1 0;
            }


.shop_medaille{
            margin: 3% 0% 3% 0%;
            display: block;
            width: 39%;
			height: auto;
            }

.shop_medaille2{
            /* margin: 3% 0% 3% 0%; */
            display: block;
            flex-grow: 0;
            flex-shrink: 1;
            position: absolute;
            bottom: -11%;
            left: 47%;
            object-fit: scale-down;
            width: 39%;
            }

.honig_schuessel {
	        width: 50%;
	        flex-grow: 0;
	        flex-shrink: 0;
            object-fit: scale-down
            }

#inhalt_text_1 {
            width 20%;
			height: auto;
			background-color: #FFFFFF ;
            margin: -25% 0% 0% 50%;
            font-size: 1.5em;
            }

#inhalt_text_2 {
            width 20%;
			height: auto;
			background-color: #FFFFFF ;
      		margin: 0% 0% 0% 58%;
            font-weight: 200;
            font-size: 1.5em;
            }

#inhalt_text_3 { 
            width 30%;
			height: auto;
			background-color: #FFFFFF ;
            text-align: justify;
      		margin: 10% 20% 0% 20%;
            }

#inhalt_text_3_1_L { 
            width: 50%;
			max-width: 300px;
            height: auto;
            display: inline-block;
            float: left;
            }

#inhalt_text_3_1_R { 
            width: 50%;
			max-width: 300px;
            height: auto;
            display: inline-block;
            float: right;
            }

#inhalt_text_4 {
            width 20%;
			height: auto;
			background-color: #FFFFFF ;
      		margin: 2% 0% 0% 20%;
            }

#inhalt_element {
            width 10%;
            max-width: 200px;
			height: auto;
			background-color: #A5CD05 ;
      		margin: 5% 10% 0% 0%;
            padding: 1% 0% 1% 0%;
            font-weight: 600;
            font-size: 1em;
            border-radius: 10px;
            text-decoration: none;
            }
#inhalt_element_shop {
            width 10%;
            max-width: 200px;
			height: 30px;
			background-color: #A5CD05 ;
      		margin: 5% 10% 4% 10%;
            padding: 1% 0% 1% 0%;
            font-weight: 600;
            font-size: 1.3em;
            border-radius: 10px;
            text-decoration: none;
            text-align: center;
            }
#inhalt_element_shop > a {
	color: white;
	display: inline-block;
	line-height: 30px;
}

#inhalt_bing {
            margin-top: 2%;
            margin-left: auto;
            margin-right: auto;
            }
#inhalt_bing_1 {
            display: block;
            width: 600px;
            height: 300px;
            margin-left: auto;
            margin-right: auto;
            
            }
#inhalt_bing_2 {
            display: none;
            width: 400px;
            height: 200px;
            margin-left: auto;
            margin-right: auto;
            }
#inhalt_bing_3 {
            display: none;
            width: 250px;
            height: 150px;
            margin-left: auto;
            margin-right: auto;
            }


#fußbereich {
            width: 100%;
            max-width: 980px;
            margin-left: auto;
            margin-right: auto;
            display: block;
            text-align: justify;
			background-color: #FFFFFF ;
			height: 6em;
            text-decoration: none;
			}

@media screen and (max-width: 930px) {
        body {font-size: 90%}
        #inhalt_bing_1 {
            display: block;}
            }

@media screen and (min-width: 816px) {
        #kopf_element{
            display: inline-block; }
            }

@media screen and (max-width: 815px) {
        body {font-size: 86%}
        #kopfbereich {
            display: block;
            padding-top: 15px;
            }
        #kopf_logo {
            display: block;
            margin: auto;
			width: 200px;
            height: 120px;
			background-color: #FFFFFF ;
            }
    
        #kopf_element {
            display:block;
            margin-top: 15px;
            margin-left: auto;
            margin-right: auto;
            border-width: 3px;
            border-style: solid;
            border-image:
            linear-gradient(to right, white 0%, #A5CD05 50%, white 100%)1 0 0 0;
            }
        #kopf_element ul {
            margin: auto;
            padding: auto;
            }
        #inhalt_bing_1 {
            display: none;}
        #inhalt_bing_2 {
            display: block;}
            }
@media screen and (max-width: 500px) {
        body {
            font-size: 80%
            }
        #inhalt_text_1 {
            font-size: 1.0em;
            }
        #inhalt_text_2 {
            font-size: 1.0em;
            }
        #inhalt_element {
            font-size: 1.4em;
            }
        #menubar ul li a.menubutton {
            display: block;
            }
        #menubar{
            display: block;
            } 
        #kopf_logo {
      		/*margin: 5% 0% 0% 5%;*/
            padding: 1% 0% 1% 5%;
            }
        #kopfbereich {
            display: block;
            }   
        #kopf_element {
            display: none;
            }
        #kopf_element ul li {
            display: block;
            }
        #inhalt_bing_2 {
            display: none;}
        #inhalt_bing_3 {
            display: block;}
            }

@media screen and (max-width: 350px) {
        #inhalt_text_1 {
            font-size: 0.8em;
            }
        #inhalt_text_2 {
            font-size: 0.8em;
            }
        #inhalt_element {
            font-size: 1.4em;
            }
            }
/*
#fußbereich a {
            color:#9EE221;
            display: block;
            text-decoration: none;
            margin: 0;
            padding: 20px;
            }
*/