/* /mytheme/css/custom.css - GRAV Spectre-Styling fc1 */
/* Farben:   Sprachraum(SR):008996    FutureCamp(FC):#00a683 */
/*  */
body {
    background: #fdfdfd;   
    color: #555;
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: 0.9rem;
}

body.header-fixed.header-animated #header.scrolled .logo img, body.header-fixed.header-animated #header.scrolled .logo svg {
    height: 18px;      /* Logohöhe gescrollt (SR:25px  FC:20px) */
}

#header {
    font-size: .7rem;
    font-weight: 700;
    width: 100%;
    height: 4rem;     /* Headerhöhe ungescrollt (SR:4rem )*/
    color: #454d5d;
    border-bottom: 1px solid rgba(172,179,194,.2);
    background: #fefefe;
}

#header .navbar-section {
    height: 4rem;     /* Headerhöhe ungescrollt (SR:4rem )*/
}

#header .logo img, #header .logo svg {
    display: inherit;
    height: 23px;          /* Logohöhe ungescrollt (SR:40px) */
}

# header a {color: #00a683;}     /* Header Linktextfarbe  */
.dropmenu ul li a:hover, .dropmenu ul li a:focus, .dropmenu ul li a.active {color: #555 !important;}

.mobile-menu {display: block;}

.mobile-menu .button_container { top: 1.4rem;}    /* Hamburger Abstant von oben ungescrollt (SR:1.4rem) */  

.mobile-menu .button_container span {background: #00a683;}     /* Hamburgerfarbe  */
.mobile-menu .button_container.active {right: 2rem; }


.mobile-logo {visibility : hidden}    /* Inverses Grav-Logo ausblenden */
.treemenu li a.active, .treemenu li a:focus, .treemenu li a:hover {
    text-decoration: underline;
    color: silver !important;              /* treemenu Linktext farbe silver */
}

.container {
    margin-left: auto;
    padding-left: 0rem;   /* .4rem  */
}


a {color: #00a683 !important;}     /* treemenu Linktext farbe silver  */
a.active, a:focus, a:hover {
    text-decoration: underline;
    color: #00a683 !important;     /* treemenu Linktext farbe silver  */
}

h1 {color: #555; font-size: 1.8rem; font-weight: 600; margin-top: 0.5rem;}
h2 {color: #555; font-size: 1.3rem; font-weight: 600; margin-top: 0.5rem;}
h3 {color: #555; font-size: 1.2rem; font-weight: 600;}
h4 {color: #555; font-size: 1.0rem; font-weight: 600;}
h5 {color: #555; font-size: 1.0rem; font-weight: 600;}
h6 {color: #555; font-size: 1.0rem; font-weight: 600;}

/*
die Klasse .title-h1h2 kann im Grav-Backend bei jeder Seite gesetzt werden,
dadurch werden die Überschriften 1 und 2 zentriert und die vertikalen Abstände angepasst
*/
.title-h1h2 h1,h2 {
    color: #555;
    font-weight: 600;
    margin-bottom: 1em;
    line-height: 1.1;
}


#body-wrapper .container {
    padding: 1rem 0 1rem;
}

#footer {
    color: #888;
    padding: 1rem 1rem 0;
    text-align: center;
}

.notices {
    padding: 5px 1px 5px 20px;
    margin: 0 0;
}

.notices.yellow {
    border-left: 10px solid #008996;
    background: #aaffee;
    color: #008996;
}

.notices.red {
    border-left: 10px solid #f00;
    background: #fee;
    color: #f00;
}

.notices.blue {
    border-left: 10px solid #00f;
    background: #ddf;
    color: #00f;
}

.notices.green {
    border-left: 10px solid #008996;
    background: #afd;
    color: #090;
}

pre code:not(.hljs) {background: #eef;}
kbd {
    border-radius: 0.3rem;
    background: #666;
    color: #fff;
}


/* #00a683      */

.btn, .button {
    color: #008996;
    border: .05rem solid #008996;
    border-color: 008996;
}

.btn:focus, .btn:hover, .button:focus, .button:hover {
    background: #ccffee;
    border-color: #008996;
}


.default-animation, #header, #header .navbar-section, #header .logo svg, #header .logo img {transition: all 0s ease;}