body {
    font-family: 'Hind', sans-serif;
    font-size: 1rem;
    color: #621615;
}

a { color: #621615; text-decoration: underline;}
a:hover { color: #621615; text-decoration: underline;}

.color1 {
    color:#621615;
}

.color2 {
    color:#e73e1a;
}

.color3 {
    color:#f08220;
}

.color4 {
    color:#fcc013;
}

.color5 {
    color: #ffe59b;
}

.color6 {
    color: #fff2ce;
}

.bgcolor1 {
    background-color:#621615;
}

.bgcolor2 {
    background-color:#e73e1a;
}

.bgcolor3 {
    background-color:#f08220;
}

.bgcolor4 {
    background-color:#fcc013;
}

.bgcolor5 {
    background-color: #FEECB8;
}

.bgcolor6 {
    background-color: rgba(252,192,19,0.2);
}

.white { color:#FFF;}



h1 {
    font-size: 2rem;
}

.nav-link {
    text-transform: uppercase;
    text-decoration: none;
    color: #f08220;
    padding: 0.5rem 0 0 0;
    border-bottom:5px solid #621615;
    display: inline;
}

.nav-link.active {
    border-bottom:5px solid #f08220;
    color: #f08220;
}

footer .nav-link {color: #fff2ce; }
footer .nav-link.active, footer .nav-link:hover {
    border-bottom:5px solid #fff2ce;
    color: #fff2ce;
}
.nav-item {
    padding: 0 1rem;
    margin-bottom: 1rem;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.nav-item:last-child {
    padding-right:0px;
}

.navbar-expand-xl  .navbar-nav .nav-link {
     padding-right: 0;
     padding-left: 0;
}

.headerbild2 {
    margin: auto;
    height: 500px;
    background-image: url(/fileadmin/templates/img/header_test1.jpg);
    background-position-x: center;
    background-position-y: top;
    background-size: contain;
    background-repeat: no-repeat;
}

.headerbild {
    background-color: #C9B7AB;
}

.meldung {
    left: 50%;
    top: 300px;
    background-color: #621615;
    font-size: 1.3rem;
    border-bottom-left-radius: 25px;
}

.btn {
    border-radius:0;
    border-bottom-left-radius: 10px;
    background-color:#e73e1a;
    border:0;
}

.btn.btn-secondary {
    border-radius: 0;
    border: 1px solid #fcc013;
    transition: none;
    background-clip: unset;
    background-color:#f08220;
    text-align: left;
    margin-top:15px;
    margin-bottom:15px;
}

.btn-primary:hover,.btn-primary.focus, .btn-primary:focus, .btn-primary:active {
    background-color:#e73e1a !important;
    border:0;
    box-shadow: none;
}

a.btn, a.btn:hover { text-decoration: none;}

.item {
    border-bottom-left-radius: 25px;
    height: 100%;
}
.font-small {
    font-size:0.8rem;
}
.font-big {
    font-size:1.2rem;
}

.font-large {
    font-size:1.5rem;
}

.form-control {
    border-radius: 0;
    border: 1px solid #fcc013;
    transition: none;
    background-clip: unset;
    background-color: #FEECB8;
    margin-top:15px;
    margin-bottom:15px;
}

form.anmeldung .form-control {
    margin-top: 0.5rem;
    margin-bottom:0.5rem;
    background-color:#fff4d4;
}

#mc_embed_signup {
    padding-bottom:30px;
    border-bottom:1px solid #f08220;
}

#mc_embed_signup a {
    color:#fcc013;
    text-decoration: underline;
}

.adresse {
    color:#f08220;
    padding-bottom:12px;
    padding-left:30px;
}

.adresse a, .adresse a:hover {
    color:#f08220;
    text-decoration: underline;
}

.container-fluid.bgcolor1 {
    color:#f08220;
}

.catheader {
    cursor:pointer;
}

.catheader > h2 {
    color:#e73e1a;
    cursor: pointer;
}

.catheader > h2:before {
    font: normal normal normal 1.7rem/1 FontAwesome;
    content:"\f077";
    margin-right: 15px;
    color:#e73e1a;
}
.catheader > h2.collapsed:before {
    content:"\f078";
}

.kursliste .catheader .row .icon span.closed {
    display:none;
}

.kursliste .catheader .row.collapsed .icon span.open {
    display:none;
}
.kursliste .catheader .row.collapsed .icon span.closed {
    display:block;
}
.catitem {
    border-bottom: 1px solid #e73e1a;
}

.catitem.odd { background-color: #fff2ce;}

.icon {
    font-size:3rem;
}

.custom-control-label::before {
    background-color: #fff4d4;
    border: #fcc013 solid 1px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #fcc013;
    background-color: #f08220
}

.custom-control-input.is-valid:checked~.custom-control-label::before, .was-validated .custom-control-input:valid:checked~.custom-control-label::before {
    border-color: #fcc013;
    background-color: #f08220
}

.custom-control-input.is-valid~.custom-control-label, .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label, .was-validated .custom-control-input:invalid~.custom-control-label {
    color: #621615;

}

.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-valid:focus, .was-validated .form-control:valid:focus {
    border-color: #fcc013;
    background-image:none;
    box-shadow: none  !important;
}

.form-control.is-invalid, .was-validated .form-control:invalid {

    box-shadow: none !important;
}

textarea:focus,

input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
   box-shadow: none;
    border-color: #fcc013;
}

.btn:focus, .btn:active {
    box-shadow: none !important;
}

.container-fluid.pb-0 .container p:last-child{margin-bottom:0;}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #f08220;
    border: 1px solid #f08220;
    border-radius: .25rem;
}

.img-top img { width:100%;}

@media (min-width: 1200px) {
    .nav-item {
        margin-bottom: 0rem;
    }

    .nav-item:first-child {
        padding-left:0px;
    }

    .nav-link {
        display: block;
    }
    .nav-link.active, .nav-link:hover {
        border-bottom:5px solid #f08220;
        color: #f08220;
    }
}

@media (min-width: 992px) {
    .meldung {
        position: absolute;
        width: 500px;
    }
}