body.notMobile {
    background-color: #9B1B1B;
}

/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/crimson-text-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'),
       url('../fonts/crimson-text-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/crimson-text-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/crimson-text-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/crimson-text-v8-latin-regular.svg#CrimsonText') format('svg'); /* Legacy iOS */
}

/* ============== main styles ============== */
h1,h2,h3,h4 {
    /*font-family: 'Amatic SC', cursive;*/
    /*font-family: 'Slabo 27px', serif;*/
    font-family: 'Crimson Text', serif;
    font-weight: bold;
}
h1 {
    font-size: 1.5em;
}
section li {
    padding-bottom: 5px;
}
#about {
    background-color: #CEAB9C;
}
#coaching {
    background-color: #CEAB9C;
}
#arbeitsweise {
    background-color: #CEAB9C;
}
#coaching {
    background-image: url("../images/stripe_6a08887fcfc2ec8423f36ca22677e0eb.png");
    background-repeat: repeat;
}
/* Extra small devices (portrait phones, less than 576px)
 No media query since this is the default in Bootstrap */
section {
    padding: 90px 0 90px 0;
}
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) { 
    /* padding oben und unten*/
    h1{
        padding-bottom: 20px;
    }
    .linkerText {
        padding-bottom: 25px;
    }
    nav #make-me-appear{
        opacity: 1 !important;
    }
}
@media (min-width: 576px) { 
    /* padding oben und unten*/
    section {
        padding: 90px 0 90px 0;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 
    /* padding oben und unten*/
    h1{
        padding-bottom: 20px;
    }
    .linkerText {
        padding-bottom: 25px;
    }
    nav #make-me-appear{
        opacity: 1;
    }
}
@media (min-width: 768px) {
    /* padding oben und unten*/
    section {
        padding: 90px 0 90px 0;
    }
    .navbar {
        height: 60px;
    }
    div.navbar-collapse {
        height: 60px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* padding oben und unten*/
    section {
        padding: 90px 0 90px 0;
    }
    .navbar {
        height: 60px;
    }
    div.navbar-collapse {
        height: 60px;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* padding oben und unten*/
    section {
        padding: 90px 0 90px 0;
    }
}

/* 
Colors v.l.n.r.:
https://coolors.co/8c1c13-9B1B1B-e7d7c1-CEAB9C-735751 
*/
.bg-color-1 {
    background-color: #8C1C13;
}
.text-color-1 {
    color: #8C1C13;
}
.bg-color-2 {
    background-color: #9B1B1B; 
}
.text-color-2 {
    color: #9B1B1B;
}
.bg-color-3 {
    background-color: #E7D7C1;
}
.text-color-3 {
    color: #E7D7C1;
}
.bg-color-4 {
    background-color: #CEAB9C;
}
.text-color-4 {
    color: #CEAB9C;
}
.bg-color-5 {
    background-color: #735751;
}
.text-color-5 {
    color: #735751;
}

/* ============== nav  ============== */
nav {
    /*font-family: 'Amatic SC', cursive;*/
    /*font-family: 'Slabo 27px', serif;*/
    font-family: 'Crimson Text', serif;
    font-size: 1.4em;
    padding: .2rem 0.5rem;
}
.navIE {
    position: fixed;
    width: 100%;
}
/* wenn auskommeniert ist die navbar leicht grau, damit sie sich besser von weiß absetzt */
nav.bg-faded {
    background-color: #fff;
}
nav #make-me-appear{
    opacity: 0; 
    width: 155px;
    height: 58px;
    color: white;
    padding-top: 12px;
    margin-top: 3px;
    margin-right: 15px;
    font-size: 1.2em;
    line-height: 0.6;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.open, .navbar-light .navbar-nav .open>.nav-link {
    color: #8C1C13;
}

/* ============== header ============== */
header img{
    display: block;
}
header {
    color: #fff;
    /*font-family: 'Amatic SC', cursive;*/
    /*font-family: 'Slabo 27px', serif;*/
    font-family: 'Crimson Text', serif;
    line-height: 1;
    padding: 90px 0 90px 0;
}
header span.name{
    font-size: 3.5em;
}
/* ==============  ============== */

#make-me-appear-welcome.notMobile{
    opacity: 0; 
}

/* ============== footer ============== */
/*footer {
}
footer a:hover {
}
fotter a:active {
}*/