@import url('style.css');
@import url('lightbox.css');
@import url('settings.css');
@import url('https://fonts.googleapis.com/css?family=Neuton:700');
@import url('https://fonts.googleapis.com/css?family=Neuton:300');
@import url(https://fonts.googleapis.com/css?family=Neuton);

/***********************colors***********************/
/* Font */
body, .formfield, .btn, .formlabel, input, textarea, select, footer{
	font-family:  Neuton, serif;
	font-weight: 400;
    color: #58585A;
   
}

h1, h2, h3, h4 {
    font-family: Neuton, serif;
    font-weight:300;
    
}

/* Hauptfarbe */


/* Akzentfarbe */
a, a:active, a:visited, a:hover,
.meta_li a:hover, .meta_li .active, 
.sf-menu li a:hover, .sf-menu li.sfHover a, .sf-menu li a.current,
.sf-menu li li:hover a,
.ul_secondnavigation > li > div > a:hover, .ul_secondnavigation li .a_active,
add_min_editor h1
{
    
	color:#000;
}

.pagination li.current, .pagination li:hover,
.button:hover, 
{
	background-color:#9ab8e1;
}

.ul_secondnavigation li a, .ul_secondnavigation li .a_active,
input[type=text].formfield:focus, textarea.formfield:focus, select.formfield:focus
{
	border-color:#9ab8e1;
}

.btn { 
    background-color:#9BB9DD;
    
}

.btn:hover{ 
    background-color: #D8E1F1;

}

/* Hilfsfarbe */
header .row-1, .header .row-1,
.sf-menu li:hover ul, .sf-menu li.sfHover ul
{
	background-color:#eeeeee;
}

.sf-menu > li > a {
	color:#eeeeee;
}

/* Zusatzfarben */
body {
    color:#8e959c;
}

body, header, .header, .row-4, #content,
input[type=text].formfield, textarea.formfield, select.formfield { 
	background-color:white; 
}

nav#menu > ul > li > ul li:hover a {
    color:black;
}

/*#footer a, .add_min_editor_footer a, .add_min_editor_footer a:hover { 
    color: black; 
}

.add_min_editor_footer h4 {
    color: white;
}*/

span.currentPage {
    color:#fff;
}

input[type='text'].formfield, textarea.formfield, select.formfield {
	border-color:#000;
}

/* Individuelle Anpassungen */

/* Schriftgrössen Add.min Editor */

.add_min_editor h1 {
    font-size: 38px;
}

.add_min_editor h2 {
    font-size: 27px;
}

.add_min_editor h3 {
    font-size: 22px;
}

.add_min_editor h4 {
    font-size: 20px;
}

.add_min_editor p {
    font-size: 18px;
}

strong, b {
    font-weight: bold;
}

/*Header*/

#header {
    height: 130px;
}

/* Header Logo */

#logo a {
    color: #575756
}

/* Header Telefon Paragraph */

.tel_par_div  {
    text-align: right;    
}

.tel_par_div a {
    font-size: 16px;
    color: #58585A;
    
}

/* Header Farbe */

.blue {
    background: #9BB9DD;
}

/* Slider Text Balken */

.caption.big_white {
    background-color: rgba(69, 78, 92, 0.45);
}

/* Footer */

#footer {
    background: #9BB9DD;
}

#footer .copy {
    font-size: 16px;
    margin-top: 35px;
    margin-bottom: 20px;
}

#footer li {
    font-size: 17px;
}


/* Hauptnavigation */

nav#menu > ul > li > a {
    color: #58585A;
    font-weight: 300;
}

nav#menu > ul > li:last-child{
    padding-right: 0px;
}

nav#menu > ul > li > ul li {
    background: #D8E1F1;
    border-bottom: 1px solid #9BB9DD;
}

nav#menu > ul > li > ul li:hover {
    background: #575756;
}

nav#menu > ul > li > ul li a {
    color: #58585A;
}

nav#menu > ul > li > ul li a:hover {
     color: white;
}

/* Seitennavigation */

#sidebar .menu li > ul > li {
    background-color: none;
}

#sidebar .menu li > ul > li > a {
    padding-left: 30px;    
}
      
#sidebar .menu .current > a:after {
    background: #58585A;
}


#sidebar .menu .current > a:hover {
    color: #fff;
    background: #58585A;
}

#sidebar .menu { 
    background-color: #9ab8e1; 

}

#sidebar .menu a { 
    color: #454e5c; 

}

#sidebar .menu a:hover {
    background: #D8E1F1;
}

/* Galerie Textbalken */

#lightbox-container-image-data-box {
    background-color:#58585A;
}


/* Responsive Navigation colors*/
@media only screen and (max-width: 900px) {
    #logo a + a {
        display: block;
    }
    .tel_par_div {
    padding-right: 20px;
}
}

@media screen and (max-width: 766px) {
    #footer {
        height: 100%;
        padding: 50px 0 0 0;
        margin-top: 100%;
    }

    .container {
        width: auto;
        position: relative;
        margin: 10px 10px;
    }

    #menu-mobile {
        background: #9BB9DD;
    }

        #menu-mobile li {
            display: block;
            border-bottom: 1px solid white;
        }

        #menu-mobile:before {
            border-color: transparent transparent #9BB9DD transparent;
        }

    .menu-trigger {
        top: 30px;
    }

    #logo a + a {
        display: block;
    }

}

    @media only screen and (max-width: 480px) {
        .blue {
            margin-top: 60px;
        }

        #about .entry p {
            width: 80%;
        }

    }