/* Header */

.advent-header { background:#B3614D;margin: 0 -15px;position: relative;overflow: hidden;padding: 4rem 0 6rem; }
.advent-header-tuerchen { color: #fff; background: #b3614d; display: inline-block; padding: 2px 6px; border-radius: 5px; }
.advent-header h2 { margin:0;padding:0;font-size: 6rem;color: #fff; }
.advent-header h2 strong { text-transform: uppercase;font-size: 1.2em;display: block;font-weight: 900; }
.advent-header-bg { object-fit: cover; object-position: 50% 50%; height: 100%; opacity: 0.4; position: absolute; top:0; filter: brightness(0.9) saturate(0.2); }

@media (max-width: 767px) {
.advent-header h2 {
    font-size: 2.4em !important;
}}

/* Cards */

.abox { background: #fff;
    padding: 1rem 2rem;
    box-shadow: 15px 15px 30px #eee;
    border-radius: 5px;
    font-size: 0.9em;
}
.abox h3 { margin-top: 1rem;
    font-size: 1.8em;
    color: #1f1f1f;
    position: relative;
}
.abox h3 .number { font-size: 2.5em;
    background: #fff;
    height: 70px;
    position: absolute;
    top: -75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    padding: 0 14px;
	font-weight: bold;

}

.hideshow { animation: hideshowani 5s ease infinite; }
@keyframes hideshowani {
0% { opacity: 0; }
20% { opacity: 0; }
30% { opacity: 1; }
70% { opacity: 1; }
80% { opacity: 0; }
100% { opacity: 0; }
}
a.goto {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
    transition: all 0.3s ease-out;
}
a.goto:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
    content: "\f35a";
    font-size: 22px;
    margin-right: 7px;
    transition: all 0.3s ease-out;
}
a.goto:hover:before {
    margin-right: 3px;
    margin-left: 4px;
}

/* Zitat */

.quote-intro { text-align:center; margin-bottom: 25px; font-size: 1.2em; }
.personquote { font-size:4rem;padding-bottom:45px; }
.personquote .fa-quote-right { position:absolute;top: -16px;font-size:5rem;background:#fffbf7;color:#4a4a4a;padding: 0 17px;left:50%;transform:translateX(-50%); }
.quote-face { text-align: center; margin:0; }
.quote-face img { width: 100px; border-radius: 50%; margin-top: -60px; position: relative; border: 10px solid #fffbf7; }
.quote-author { text-align: center; }
.quote-author strong { text-transform:uppercase; font-size:1.1em; }