@font-face {
    src: url(../font/segoeui.ttf);
    font-family: SegoeUI;
}

@font-face {
    src: url(../font/allura-regular.ttf);
    font-family: AAllura;
}

@font-face {
    src: url(../font/cinzeldecorative-regular-webfont.woff);
    font-family: ACinzel;
}

.custom-toggler.navbar-toggler {
    border-color: lightgreen;
}

.custom-toggler .navbar-toggler-icon {
    background-image: url(
        "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(140, 0, 3, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

#galerie {
    background-color: #8c0003;
}

h2 {
    font-family: ACinzel;
    color: #e8a735;
    font-size: 60px;
    background-color: rgba(140, 0, 3, 0.75);
    padding: 50px;
}

h3 {
    font-family: AAllura;
}

h4 {
    font-family: ACinzel;
    color: #8c0003;
    font-size: 56px;
}

h5 {
    font-family: ACinzel;
    color: #e8a735;
    font-size: 56px;
}

p {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 18px;
}

p.vid {
    font-family: SegoeUI;
    color: #8c0003;
    font-size: 18px;
    text-align: center;
    font-weight: bold;
}

p.head {
    font-family: SegoeUI;
    color: #8c0003;
    font-size: 20px;
    font-weight: bold;
}

p.headyellow {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 20px;
    font-weight: bold;
}

p.one {
    font-family: SegoeUI;
    color: #8c0003;
    font-size: 18px;
}

p.two {
    font-family: AAllura;
    color: #8c0003;
    font-size: 30px;
    text-align: right;
}

p.yellow {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 18px;
}

p.yellowbold {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 18px;
    font-weight: bold;
}

p.impressum {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 18px;
}

p.copyright {
    font-family: SegoeUI;
    color: #e8a735;
    font-size: 14px;
}

a.link {
    text-decoration: underline;
    color: #e8a735;
}

a.link:hover {
    color: white;
    text-decoration: none;
}

a.linkred {
    text-decoration: underline;
    color: #8c0003;
}

a.linkred:hover {
    color: white;
    text-decoration: none;
}

form div {
    margin: 20px 0;
}

input, select, textarea {
    font-family: SegoeUI;
    font-size: 18px;
    padding: 10px;
    width: 500px;
    box-sizing: border-box;
    box-shadow: inset 0 4px 8px rgba(110, 110, 110, 0.2);
    border: solid 1px #ccc;
}

input[type=button], input[type=submit], input[type=reset] {
    font-family: SegoeUI;
    font-size: 18px;
    width: 150px;
    padding: 10px;
    box-sizing: border-box;
    border: none;
}

select {
    padding: 10px 6px;
}

textarea {
    resize: none;
}

.btn-currant {
    color: #ffffff;
    background-color: #8c0003;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.btn-currant:hover,
.btn-currant:active,
.btn-currant:focus,
.btn-currant.active {
    background: #8c0003;
    color: #e8a735;
}

.btn-marigold {
    color: #ffffff;
    background-color: #e8a735;
    font-weight: bold;
    letter-spacing: 0.05em;
}

.btn-marigold:hover,
.btn-marigold:active,
.btn-marigold:focus,
.btn-marigold.active {
    background: #e8a735;
    color: #8c0003;
}

div.video {
    width: 50%;
}

.text-transparent {
    color: transparent !important;
}

.text-currant {
    color: #8c0003 !important;
}

a.text-currant:hover, a.text-light:focus {
    color: #c8000a !important;
}

.text-marigold {
    color: #e8a735 !important;
}

.bg-marigold {
    background-color: #e8a735;
}

.bg-image {
    background-position: bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.shadowbox {
    box-shadow: 10px 10px 20px #572c26;
}

.form-control {
    border: none;
    border-bottom: solid 2px #ccc;
    border-radius: 0;
}

.form-control:focus {
    box-shadow: none;
    border-color: #ffc107;
}

#btn-fb {
    width: 187px;
    height: 28px;
}

* {box-sizing: border-box;}
.mySlides {display: none;}

/* Slideshow container */
.slideshow-container {
    max-width: 1920px;
    position: relative;
    margin: auto;
}

/* The dots/bullets/indicators */
.dot {
    height: 1px;
    width: 1px;
    margin: 0;
    background-color: transparent;
    border-radius: 50%;
    display: none;
}

.active {
    background-color: transparent;
}

/* Fading animation */
.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4} 
    to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
    .text {font-size: 11px}
}

@media (max-width: 767px) { /* mobilon */
    h4, h5 {
        font-size: 7vw;
    }

} /* end @media */