html, 

body                {margin:auto; font-size:  15px; background-color: #FFF; font-family: Verdana, Geneva, Tahoma, sans-serif;}

#container          {margin: 50px auto; height: 900px; width: 920px; background-color: #fff; position: sticky; left: 200px; padding: 42px; background-repeat: no-repeat; background-position: center 0px; }

#header             {position: relative; height:180px; background-color: #fff; font-family: Constantia; font-size: 80px;}

.logo               {position: relative;border-bottom: thick; height:290px }          

#navbar             {float:right; width:300px; background-color: #fff; text-align: left; font-size: 15px}

#navbar a           {position: relative; display: block ; margin:5px; background-color: #fff;}


.unt2               {list-style: none;} 

.projekte           {padding-left: 18px;}

.solo               {padding-left: 40px;}

#tlinks a           {text-decoration: not underline; color:#777; font-size: 15px;}

#tlinks a:hover     {color: #777; background-color: white; color: #777}

#baqtext            {font-size: 15px; text-align: justify; hyphens: auto;}

#savtext            {font-size: 15px; text-align: justify; hyphens: auto;}

#unttext            {font-size: 15px; text-align: left;}

#biotext            {font-size: 15px; text-align: justify; hyphens: auto;}

#biotext a          {text-decoration: underline; color: #777;}

#biotext a:hover    {color: #777; background-color: #555; color: #FFF}
    
#termintabelle      {font-size: 17px; border-bottom: dotted;}

#content            {float:left; width:600px; background-color: #fff;}

#footer             {clear:both; position:relative; text-align: justify; padding-top: 30px;}


 
/* link */
a										{color:#555; text-decoration: none; outline: none;}
/* unvisited link */
a:link									{text-decoration: none; color: #000000;}
 /* visited link */
a:visited								{text-decoration: none; color: #000000;}
/* mouse over link */
a:hover									{text-decoration: underline; color: #777}
/* selected link */
a:active								{text-decoration: none;}
/* focus link */
a:focus									{text-decoration: none;}

.proberaum-galerie {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: center;
}

.proberaum-galerie img {
    width: 300px;         /* Breite der Bilder */
    height: auto;         /* Höhe passt sich automatisch an */
    border: 1px solid #333;
    transition: transform 0.2s;
    object-fit: cover;
}

.proberaum-galerie img:hover {
    transform: scale(1.03); /* Leichter Zoom beim Drüberfahren */
}

.logo {
    border: none;        /* oder z.B. border: 2px solid black; */
    width: 800px;
    height: 128px;
}