a:link{text-decoration:none;color:#A6AE9C;}
a:visited{text-decoration:none;color:#A6AE9C;}
a:focus{text-decoration:none;color:#A6AE9C;}
a:active{text-decoration:none;color:#A6AE9C;}

img {border:0px;}

#main {
				width:1020px;
				margin:0px;
				height:364px;
				background-color:#E1E1E1;
        position:absolute;
			}

#spacer {
				background-image:url(../img/logo.jpg); background-repeat:no-repeat;
 				background-position:250px 5px;
				height:86px;
				}
				
.line1 {padding-top:5px; }
*[class="line1"] { padding-top:7px; }				
				
#line1 {
        width:1020px;
        border-top:solid; border-width:1px; border-color:#E1E1E1;
        background-color:#FFFFFF;
        font-size:0;

				}

#line2 {
        width:1020px;
        margin-top:2px;
        border-bottom:solid; border-width:1px; border-color:#E1E1E1;
        background-color:#FFFFFF;
        font-size:0;
        padding-top:367px;
        z-index:1;
        }				
				
#headline {
						margin-left:170px;
						height:68px;
						width:650px;
            color:#FFFFFF;
            font-family: Palatino Lino Type;
            font-size:22;
            font-weight:600;
            letter-spacing:1.5px;
            line-height:28px;
            padding-top:12px;
					}
					
#headline a:link{text-decoration:none;color:#FFFFFF;}
#headline a:visited{text-decoration:none;color:#FFFFFF;}
#headline a:focus{text-decoration:none;color:#FFFFFF;}
#headline a:active{text-decoration:none;color:#FFFFFF;}					

#uebersicht {
							display:none;
							border:solid 1px black;
							}
							
#navi {
			 text-align:right;
			 width:148px;
			 height:245px;
			 float:left;
       color:#A6AE9C;
       font-family: Lucida Sans Unicode;
       font-size:14;
       font-weight:400;
       letter-spacing:1.5px;
       line-height:28px;			
       display:block;
       position:absolute;	
	}						
	
#content {
          padding-top:10px;
          padding-bottom:7px;
          padding-left:7px;
          padding-right:7px;
          margin-left:170px;
          text-align:left;
          line-height:20px;
					width:530px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
					}

#content td{
					padding-left:10px;
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
					}


.start {	margin-top:-154px; }
*[class="start"] { margin-top:-166px; }
						
#start {
					margin-left:180px;
					position:absolute;
					z-index:3;
				}
				
#zusatz_bild {
							margin-right:40px;
							padding:4px;
							border-style:solid; border-width:2px; border-color:#F5F5F5;
							float:right;
							text-align:left;
						}

#galerie {
          margin-left:170px;
          text-align:left;
          line-height:20px;

					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
					}

#galerie td {padding:5px;}					

#kontakt1{
          padding-top:10px;
          padding-bottom:7px;
          padding-left:7px;
          padding-right:7px;
          margin-left:170px;
          text-align:right;
          line-height:20px;
					width:280px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
				}
				
#kontakt2{
          padding-top:30px;
          padding-bottom:7px;
          padding-left:7px;
          padding-right:7px;
          margin-left:480px;
          text-align:left;
          line-height:20px;
					width:500px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
				}				
				
.impressum1 {	width:255px; }
*[class="impressum1"] { width:250px; }

#impressum1{
					padding-left:5px;	
					padding-top:5px;
					padding-bottom:5px;
          margin-left:170px;
          line-height:20px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
				}
				
#impressum2{
          padding-top:5px;
          padding-bottom:5px;
          padding-left:5px;
          padding-right:5px;
          margin-left:440px;
          text-align:left;
          line-height:20px;
					width:550px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
				}								

#datenschutz {
		  padding-left:5px;	
		  padding-top:5px;
		  padding-bottom:5px;
		  width:800px;
          margin-left:170px;
          line-height:20px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					
          float:left;
				}
				
#product {
					padding:10px;
	        margin-left:170px;
          margin-top:10px;
          line-height:20px;
					width:800px;
					height:320px;
					display:block;
					border-style:solid; border-width:2px; border-color:#F5F5F5;
       		position:absolute;	
          color:#999999;
          font-family: Arial;
          font-size:14;
          font-weight:500;					

					}				

#product td{
          font-family: Arial;
          font-size:14;
          font-weight:500;					
					color:#A6AE9C;
					line-height:20px;
					}				

.image-container {
            position: relative;
            display: inline-block;
          }
          
.image-container img {
            width: 100%; /* oder die gewünschte Bildbreite */
            height: auto;
          }
          
.overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5); /* halbtransparentes schwarzes Overlay */
            color: white;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 1.5em;
            font-weight: bold;
            visibility: hidden; /* Overlay ist standardmäßig versteckt */
          }
          
.image-container.sold .overlay {
            visibility: visible; /* Overlay wird sichtbar, wenn die .sold-Klasse hinzugefügt wird */
          }