/*=== 1. Allgemeine Einstellungen ===*/
html,
body {
    font-size: 100%;
}

/*Ãœberschriften und Fonts*/
h1,
h2,
h3,
h4,
h5 {
    color: #AA8866;
}

h1,
h2 {
    /*    font-family: 'Open Sans Condensed';*/
    /*    font-family: 'Open Sans';*/
    font-family: 'Shadows Into Light Two', serif;
}

.display-x {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2
}

p {
    color: #5D4C48;
    /*    font-family: 'Open Sans Condensed';*/
    /*    font-family: 'Open Sans';*/
    font-family: 'Roboto', sans-serif;
}

a,
li,
.modal h4,
.modal h5,
.modal-footer {
    font-family: 'Roboto', sans-serif;
    color: #8c8b8b;
}

.masthead h1,
#about h1 {
    font-weight: 400;
    color: antiquewhite;
    /*    font-family: 'Oleo Script Swash Caps',serif;*/
    /*    font-family: 'Permanent Marker', serif;*/
    /*    font-family: 'Shadows Into Light Two';*/
}

#about h3 {
    font-size: 1.5rem;
    font-weight: 200;
}

#about blockquote p {
    font-family: 'Shadows Into Light Two';
}

#kurse .card-body h3 {
    font-family: 'Shadows Into Light Two';
}

#kurse .card-body p {
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
}

/*
.lead {
    font-size: 1rem;
}
*/
#kontakt i,
#kontakt h4,
#kontakt a {
    color: #AA8866;
}

#kontakt h4 {
    font-family: 'Shadows Into Light Two';
}

#kontakt p {
    color: #997855;
}


/*Sidenavigation*/
.sidebar-nav .img-profile {
    max-width: 8rem;
    max-height: 8rem;
    margin: 1rem;
    /*	border: 0.125rem solid rgba(255, 255, 255, 3);*/
}

/*Buttons*/
.btn-yam {
    color: #fff;
    background-color: rgba(209, 157, 74, .5);
    background-image: none;
    border-color: rgba(209, 157, 74, 1);
}

.btn-yam:focus,
.btn-yam:hover,
.btn-yam:active {
    color: rgba(209, 157, 74, 1);
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 .2rem rgba(209, 157, 74, .25);
    box-shadow: 0 0 0 .2rem rgba(209, 157, 74, .25);
}

/*Links*/
a {
    outline: none;
}

/*
about*/
@media (min-width:992px) {
    #about .col-sm-6 {}
}

/*Schatten*/
.text_shadow_1 {
    text-shadow: -6px -2px 21px rgba(150, 150, 150, 1);
}

.text_shadow_2 {
    text-shadow: 6px 2px 10px rgba(65, 65, 65, 0.82);
}

.box-shadow-1 {
    -webkit-box-shadow: -4px 9px 33px -3px rgba(0, 0, 0, 0.5);
    box-shadow: -4px 9px 33px -3px rgba(0, 0, 0, 0.5);
}

.box-shadow-2 {
    -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 20px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(9);
}

.box-shadow-2-minus {
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-5);
}

.box-shadow-2-plus {
    -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(9);
}

/*Canvas*/
.menu-toggle {
    color: #fff;
    background: rgba(209, 157, 74, 1);
    border: 1px solid #fff;
}

.menu-toggle:focus,
.menu-toggle:hover {
    color: rgba(209, 157, 74, 1);
    background: #fff;
}

#sidebar-wrapper {
    background-color: #AA8866;
}

/*Hintergruende*/
.bg-x {
    background: url('../img/bg-testimonials.jpg') 50% 0 fixed no-repeat;
    height: 100%;
    height: 100vh;
    background-size: cover;
}

.bg-overlay {
    height: 100%;
    width: 100%;
    background-color: rgba(51, 51, 51, 1);
    position: absolute;
    top: 0;
}

.bg-about {
    background-color: #faf4e2;
}

#yoga-am-meer.content-section {
    padding-top: 2rem;
}


.bg-yoga-am-meer {
    /*  background-color: rgba(249, 240, 218, 1);*/
    /*		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .1)));*/
    /*	background: linear-gradient(180deg, rgba(249, 240, 218, 1) 0, rgb(237, 14, 14) 100%);*/
    /*
	background-image: url(../img/backlit-balance-beach-268134.jpg);
	background-position: center;
	background-size: cover;
	opacity: 1;
*/
}

.bg-kurse {
    background-color: #ede4d5;
}

.bg-footer {
    background-color: rgb(226, 208, 179);
}

.bg-base {
    background-color: #997855
}

#kurse .card-body {
    background-color: #F9F0DA;
}

#kurse .card-footer {
    background-color: #d4c6b8;
}

#kurse .card-footer .btn-kurse {
    background-color: #F9F0DA;
    border-color: #ffffff;
}

/*Fonts Awesome*/
.far {
    -webkit-transition: all 0.5s;
    -webkit-transition: all .8s;
    transition: all .8s;
}

.far:hover {
    color: rgba(255, 255, 255, 0.5) !important;
    border-color: rgba(255, 255, 255, 0.5);
    outline: none;
}

/*Fonts*/
.masthead h1,
#about h1,
#about h3 {
    font-weight: 100;
    color: antiquewhite;
}

/*
.lead {
    font-size: 1rem;
}
*/
h1,
h2,
h3 em {
    color: #AA8866;
}

p {
    color: #5D4C48;
}

#kontakt i,
#kontakt h4,
#kontakt a {
    color: #AA8866;
}

#kontakt p {
    color: #997855;
}

/*Scroll top Button*/
.scroll-to-top {
    background: rgba(209, 157, 74, 1);
    border: 1px solid #fff;
}

scroll-to-top:focus,
.scroll-to-top:hover {
    color: #fff
}

.scroll-to-top:hover {
    background: #fff;
    color: rgba(209, 157, 74, 1);
}

/*Cards*/
/*bei Bootstrap gelöscht: Zeile 4920 ff*/

@media (min-width:768px) {
    .card-deck {
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px
    }

    .card-deck .card {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex: 1 0 0%;
        -webkit-box-flex: 1;
        flex: 1 0 0%;
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        margin-right: 15px;
        margin-bottom: 0;
        margin-left: 15px
    }

}

/*damit zwischen 576px und 768px ausreichend unterer margin gewährleistet ist*/
@media (min-width:576px) {
    .card-deck .card {
        margin-bottom: 3rem !important;
    }
}

.card-title,
.card-text,
.card-body ul {
    color: #997855;
}

.card-text {
    font-size: 1.25rem;
}

a {
    color: #AA8866;
}

a:active,
a:focus,
a:hover {
    color: #AA8866;
}

/*Modale*/
.modal-content {
    background-color: #fff;
}

.modal-content h4,
.modal-content h5 {
    color: #997855;
}

.modal-content p {
    color: rgb(123, 112, 112);
}

.modal-footer .btn-secondary {
    background-color: #997855 !important;
}

.modal-footer .btn-secondary:hover {
    background-color: #fff !important;
    color: #997855 !important;
}

.modal-header button.close {
    color: #997855;
    opacity: 1;
    outline: none;
}




/*Base*/
#base ul {
    margin-bottom: 1.875rem;
}





/*Disturber*/
.achtung {
    border: 2px solid rgb(253, 251, 251);
    opacity: .6;
    position: fixed;
    bottom: 13%;
    right: 5%;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    z-index: 99999 !important;
    margin: 0 auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.achtung a {
    cursor: pointer;
    color: #621818;
    font-weight: bolder;
    font-size: 1rem;
    /*    text-shadow: 4px 4px 2px rgba(150, 150, 150, 1);*/
}

.achtung:hover {
    width: 160px;
    height: 160px;
    /*
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
*/
}


.achtung .img-circle {
    border-radius: 50%
}

.achtung .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (min-width: 768px) and (max-width: 991px) {
    .achtung {
        bottom: 20%;
        right: 5%;
        width: 120px;
        height: 120px;
    }

    .achtung:hover {
        width: 140px;
        height: 140px;
    }
}

/*Ende Disturber*/




/*Kurstabelle*/
.table td {
    font-family: 'Roboto', sans-serif;
    color: #8c8b8b;
    padding: .5rem;
}


.table-bordered td,
.table-bordered th {
    border: 0px solid #dee2e6;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-hours {
    font-size: .9rem
}

.list-hours .list-hours-item {
    border-bottom: 1px solid rgba(230, 167, 86, .5);
    padding-bottom: .25rem;
    margin-bottom: 1rem;
    font-style: italic
}

.list-hours .list-hours-item.today {
    font-weight: 700;
    color: #e6a756
}

@media (min-width:992px) {
    .list-hours {
        width: 50%;
        font-size: 1.1rem
    }
}