body {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    background-image: url("../sitepics/gdNew/indexNew3a.jpg"); /* The image used */
    background-image: __autoload;
    background-color: #000000; /* Used if the image is unavailable */
    /*height: 82%;  You must set a specified height */
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size:99%; /* Resize the background image to cover the entire container */
    color: #837421;
  }
.kopf{
    opacity: 90%;
    background-color: #383f2f;
    width: 100%;
    height: 100px;
    border-color: #74500e;
    border-width: 1px;
    border-style: solid;
    margin-top: 40px;
    margin-bottom: 40px;
}
.footer {
    float: left;
  background-color: #000;
  padding: 5px;
  text-align: center;
  color: #0f8055;
  font-variant: small-caps;
  height: 40px;
  font-size: smaller;
  width: 99.5%;
}
.linie{
    float: left;
    border: 4px solid #55772c;
    width: 99.5%;
  }
.linie2{
    float: left;
    border: 2px solid #558c12;
    width: 99.5%;
    margin-top: 20px;
}
.tbl{
    
    border-color: chocolate;
    width: 100%;
    border-collapse: collapse;
    color: #c5be7e;
    
}
a:link, a:visited, a:active{
    color:#8dd530;
    text-decoration: none;
    font-size: smaller;
}
a:hover{
    color: #12f8d2;
    text-decoration: none;
    font-size: smaller;
}
.titel{
    color: #ea972a;
    padding-left: 10px;
    font-size: 20pt;
}
.left-div {
    opacity: 90%;
    background-color: #3f3b2f;
    width: 48.5%;
    height: 600px;
    float: left;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex; /* Anzeige als Flex-Container */
    justify-content: center; /* Zentrieren des Inhalts horizontal */
    align-items: center; /* Zentrieren des Inhalts vertikal */
    border-width: 1px;
    border-style: solid;
    border-color: #af9369;
}

.right-div {
    opacity: 90%;
    text-align: left;
    background-color: #3f3b2f;
    width: 49%;
    height: 600px;
    float: left;
    padding-left: 10px;
    margin-top: 10px;
    margin-left: 20px;
    color: #dacd83;
    line-height: 30px;
    border-width: 1px;
    border-style: solid;
    border-color: #af9369;
}

.slideshow {
    border-width: 1px;
    border-style: solid; /* Hinzugefügt: Stil des Rahmens */
    border-color: #72740e;
    width: 80%;
    height: auto;
    display: flex;
    padding: 50px;
  }
  
  .slideshow img {
    border-width: 1px;
    border-style: solid; /* Hinzugefügt: Stil des Rahmens */
    border-color: #697253;
    flex: 1 0 auto;
    max-width: 100%;
    height: auto;
  }

  .typewriter {
    border-right: 0.15em solid black;
    overflow: hidden; /* Versteckt den Text, der über den Rahmen hinausgeht */
    white-space:break-spaces; /* Verhindert Zeilenumbrüche */
    animation: typing 3s steps(<?php echo strlen($result_verkauf); ?>) 1;
}

.bottom2{
    float: left;
    opacity: 90%;
    background-color: #2f3f3b;
    border-width: 1px;
    border-style: solid;
    border-color: #0e7466;
    width: 96%;
    height: 100px;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-left: 100px;
    color: #bec561;
}

@keyframes typing {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

/* Blinkender Cursor */
@keyframes blink-caret {
    from, to { border-color: transparent }
    50% { border-color: orange }
}