@import url('montserrat.css');

section#g-navigation{
	background: #d5bfaa!important;
}
.g-logo img{
	max-height: 150px!important;
}
.g-horizontalmenu a{
    font-size: 1rem!important;
    font-weight: 100!important;
}
p.info{
    background: #ffffff;
    padding: 10px;
    line-height: 1.3rem;
    color: #c5a192;
    -webkit-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.55);
    -moz-box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.55);
    box-shadow: 2px 2px 5px -3px rgba(0,0,0,0.55);
    border-radius: 5px;
}
h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 10px!important;
}
h2{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: normal;
	margin-bottom: 10px!important;	
}
h3{
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	line-height: normal;
}
header.g-baby h2{
	font-family: 'Montserrat', sans-serif;
    color: #444444;
	font-weight: 100!important;
	line-height: normal;
	margin-bottom: 10px!important;
}
header.g-baby h3{
	font-family: 'Montserrat', sans-serif;
    color: #444444;
	font-weight: 100!important;
	line-height: normal;
	margin: 0!important;
}
a.jmodedit{
	display: none;
}
body.no-content #g-container-main{
	display: none!important;
}
body.no-content #g-header{
	padding-bottom: 0;
}
.item-page a{
    color: #c5a192;
}
.jmg-form a{
    color: #d5bfaa;
}
.jmg-inactive{
    opacity: 0.5;
}

@media (max-width: 767px) {
    div.start{
        background: rgba(255,255,255,0.4);
        padding: 10px;
    }
    #g-mainbar{
       padding: 0!important; 
    }
    .g-block aside{
        padding: 0!important;
    }
    #g-header.startseite{
        background-color: #312f38;
        color: #eceeef;
        padding: 3rem 0;
        position: relative;
        z-index: 10;
        background-image: url('../../../../images/hebamme/babybauch.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    header.g-baby{
        text-align: left!important;
        text-transform: uppercase;
        padding: 20px 30px 0px 30px!important;
    }
    .start h2 {
        font-size: 1.3em;
        font-weight: 300;
        line-height: normal!important;
    }
    .start h3 {
        color: #444444;
        font-size: 1.1em;
        font-weight: 300;
        line-height: normal!important;
    }
    a.g-logo.g-logo-helium img{
        margin: 30px!important;
    }
    span.g-menu-item-title{
        color: #ffffff;
    }
    .center-mobile{
        text-align: center!important;
    }
    a.g-logo{
        display: inline-block!important;
        padding-left: 0!important;
    }
    .startbutton{
        background: rgba(255,255,255,0.4);
        color: #444444!important;
        font-weight: 100;
        padding: 5px;
        width: 100%!important;
        display: block;
        text-align: center;
    }
    .startbutton:hover{
        background: rgba(255,255,255,0.6)!important;
    }
    a{
        color: #c5a192;
    }
    .g-social a{
        color: #ffffff;
    }
    .g-offcanvas-toggle{
        opacity: 0.6;
    }
    .two { order: 1; }
    .one { order: 2; }
    
    .standard .size-65{
         order: 2;
    }
    .standard .size-35{
         order: 1;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    #g-header.startseite{
        background-color: #312f38;
        color: #eceeef;
        padding: 3rem 0;
        position: relative;
        z-index: 10;
        background-image: url('../../../../images/hebamme/babybauch.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    header.g-baby{
        text-align: left!important;
        text-transform: uppercase;
        padding: 200px 100px 100px 100px!important;
    }
    a.g-logo.g-logo-helium img{
        margin: 10px!important;
    }
    .startbutton{
        background: rgba(255,255,255,0.4);
        color: #444444!important;
        font-weight: 100;
        padding: 5px;
        width: 300px!important;
        display: block;
        text-align: center;
    }
    .startbutton:hover{
        background: rgba(255,255,255,0.6)!important;
    }
    .start h2{
        font-size: 1.6rem;
        color: #ffffff!important;
    }
    .start h3{
        font-size: 1.4rem;
        color: #ffffff!important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    #g-header.startseite{
        background-color: #312f38;
        color: #eceeef;
        padding: 3rem 0;
        position: relative;
        z-index: 10;
        background-image: url('../../../../images/hebamme/babybauch.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    header.g-baby{
        text-align: left!important;
        text-transform: uppercase;
        padding: 200px 100px 100px 100px!important;
    }
    a.g-logo.g-logo-helium img{
        margin: 10px!important;
    }
    .startbutton{
        background: rgba(255,255,255,0.4);
        color: #444444!important;
        font-weight: 100;
        padding: 5px;
        width: 300px!important;
        display: block;
        text-align: center;
    }
    .startbutton:hover{
        background: rgba(255,255,255,0.6)!important;
    }
    .start h2{
        color: #ffffff!important;
    }
    .start h3{
        color: #ffffff!important;
    }
}
@media (min-width: 1200px) {
    #g-header.startseite{
        background-color: #312f38;
        color: #eceeef;
        padding: 3rem 0;
        position: relative;
        z-index: 10;
        background-image: url('../../../../images/hebamme/babybauch.jpg');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    header.g-baby{
        text-align: left!important;
        text-transform: uppercase;
        padding: 300px 100px 100px 100px!important;
    }
    a.g-logo.g-logo-helium img{
        margin: 10px!important;
    }
    .startbutton{
        background: rgba(255,255,255,0.4);
        color: #444444!important;
        font-weight: 100;
        padding: 5px;
        width: 300px!important;
        display: block;
        text-align: center;
    }
    .startbutton:hover{
        background: rgba(255,255,255,0.6)!important;
    }
    .start h2{
        color: #ffffff!important;
    }
    .start h3{
        color: #ffffff!important;
    }
}