.entry-header::after {
  display: none;
}

.entry-header h1 {
    font-size: 2.25em;
    line-height: 1.06;
  }

#site-footer.site-footer {
  background-color: #870808;
}

#loop-container.loop-container {
  background-color: #870808;
}

#main.main {
  background-color: #870808;
}

#site-header.site-header {
  background-color: #870808;
}

.top-navigation {
  background-color: #870808;
}

.entry-title {
  font-size: 0px;
}

h1 {
  font-size: 0px;
}




.oben {
    
    display: flex;
    justify-content: center;
    align-items:center;
    
    height: 100vh;
    
    background-image: url("01.png");
    
    background-size: cover;
    
    background-position: center;
    
    background-repeat: no-repeat;
    
    background-attachment: fixed;
    
    
    
    
    background-color: #B5AA9A;
    
}


.start {
    text-align: center;
    color: #fff;
    width: 50%;
    /*height: 120px;*/
    padding: 25px;
    border: 3px dashed #fff;
    
    outline-width: 3px;
    outline-color: #fff;
    outline-style: dotted;
    outline-offset: -15px;
    
}

.flexcontainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
    /*background-color: #5DE4AB;*/
    
    
}

.box1 {
    width: 300px;
    height: 400px;
    margin: 12px;
    background-color: #DBDBDB;
    
    background-size: cover;
    
    background-repeat: no-repeat;
    
    outline-width: 3px;
    outline-color: #fff;
    outline-style: dotted;
    outline-offset: -10px;
    
  /*  border-radius: 50%;*/
    
    
    filter: grayscale(100%);
    
    transition: 1s;
}

.box1:hover {
    filter: grayscale(0%);
}

.b1 {
    background-image: url("01.png");
    background-position: center;
    
  /*  clip-path: polygon(0% 25%, 50% 25%, 50% 0%, 100% 50%, 50% 100%, 50% 75%, 0% 75%);*/
}

.b2 {
    background-image: url("02.png");
    background-position: right;
}

.b3 {
    background-image: url("03.png");
    background-position: left;
}

h1 {
    font-size: 60px;
    /*color: #FF0004;*/
}

h2, h3, p {
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
}



main {
    /*height: 200vh;*/
    
    /*opacity: 0.5;*/ /*vererbt sich leider auf alle darin liegenden Kindelemente (keine Möglichkeit es wieder zu deaktivieren)*/
    
    /*Bitte im RGBa Farbmodel arbeiten*/
    
    /*background-color: rgba(187,183,177,0.6);*/
    
}

section {
    /*height: 160vh;*/
    margin-bottom: 130px;
    padding-top: 100px;
    
    background-color: #C10B0E;
}

footer {
    background-color: #6A4C20;
}


iframe {
    display: block;
    width: 100%;
    height: 360px;
    border: 0;
    margin-bottom: 60px;
}

video {
    width: 100%;
    /*filter: sepia(100%);*/
}

object {
    width: 100%;
    height: 100vh;
}


/*Eigenschaften für den header Video*/

.intro {
    position: absolute;  /* fixed oder absolute*/
    height: 100vh;
    
    object-fit: cover; /*damit sich unser Video über die komplette Höhe des Browserfensters ausbreitet*/
    
    top: 0;
    left: 0;
    z-index: -1; /*ändert die Reihenfolge unserer Elemente (Schichten)*/
}