/* Font fixieren */
*{font-family: Manrope, Arial, Tahoma, sans-serif !important; color: #4c4c4c;}
body {font-family: Manrope, Arial, Tahoma, sans-serif !important;color: #4c4c4c;}

/* NAVI Anpassungen */
@media only screen and (min-width: 980px) {
#header {
  height: 93px;
}
}
@media only screen and (min-width: 980px) {
    #header nav { margin-top: 0px !important;}
}
@media (max-width: 767px) {
    .navbar-header a img.img-fluid {
        margin-left: 20px;
    }
.navbar-header a img {
        max-height: 50px !important;
  display: inline-block;
    }
}
@media (min-width: 768px) {
.navbar-header a img {
        max-height: 70px !important;
    }

    .navbar-nav > li > a {
        padding-top: 32px;
        padding-bottom: 28px;
        font-weight: 600;
        color: #3C615A !important;
        text-transform: uppercase;
        letter-spacing: 1px;
        transition: color 0.6s;
    }
    .navbar-nav > li > a:hover {
        color: #A0BE51!important;
    }
}

.navbar {margin-bottom:0px !important;}

.navbar-header{padding-top:10px;padding-bottom:10px;}

.navbar-default {
    background-color: #ffffff;
    border-bottom: 3px solid #A0BE51;
    box-shadow: 0 10px 35px 0 rgba(0, 0, 0, .10);
}

/* Slider / Swiper / Header / Jumbo / Hero Anpassungen */
.hero .jumbotron {
  background: #3C615A ;
  background: linear-gradient(180deg,rgba(60, 97, 90, 0.0) 0%, rgba(60, 97, 90, 0.0) 50%, rgba(60, 97, 90, 0.9) 100%) !important;
}

.oeko-hero {
  /* siehe Contentelement: background-image: url(/fileadmin/_processed_/1/f/csm_oeko_headergrafik_AdobeStock_95775043_Preview_ae024c2a4f.jpg); */
  background-position:center; 
  background-size: cover; 
  background-repeat: no-repeat;
  height: 990px;
}

.oeko-hero-bgimg { 
  width:100%;
  height:100%;
  background: #3C615A;
  background: linear-gradient(180deg, rgba(60, 97, 90, 0.7) 0%, rgba(60, 97, 90, 0.7) 50%, rgba(60, 97, 90, 0.9) 100%) !important; 
  display: flex; 
  justify-content: center; 
  align-items: center;
}
.h500 {height: 500px;}

/*.oeko-hero-container {}*/

.oeko-hero-container h1 {
  color: #fff !important;
  font-size: 3.5rem;
  display:inline-block; 
  z-index: 1;
  position:relative;
}

.oeko-hero-container h1::after {
  content: "";
  position: absolute;
  top: -64px;    
  left: -22px;    
  width: 120px;  
  height: 48px;  
  background-image: url(/fileadmin/projectfiles/projekte/oeko/images/oesw-oeko_soziales-wohnen_bogen_top.svg);
  background-repeat: no-repeat;
  background-size: contain; 
  z-index: -1;   
}

.oeko-hero-container h2 {
  color: #fff !important;
  font-size: 2.5rem;
  position: relative;
  display: inline-block;
  padding-bottom: 28px; 
}
.oeko-hero-container h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 6px;
  background-color: #A0BE51; 
}


/* allgemein */
h1, h2, h3, h4, h5 {color: #3C615A !imprtant; font-family: Manrope, Arial, Tahoma, sans-serif !important;}
h2, h2 b {font-size: 2.85rem;color:#A0BE51}
@media (max-width: 767px) {h2 {font-size: 2.4rem;}}
p {color: #4c4c4c; font-size: 1.1rem; line-height: 1.7rem; }
::selection {background: #A0BE51;color: white;}
.ma-10 {margin: 10px;}
.mr-10 {margin-right: 10px;}
.ml-10 {margin-left: 10px;}
.mt-120 {margin-top:120px;}
.bg-grad-tobottom {background: #FFF;background: linear-gradient(180deg,rgba(255, 255, 255, 1) 66%, rgba(244, 244, 244, 1) 100%);}
.bg-grad-tobottom2 {background-image: linear-gradient(to bottom, #ffffff, #f7f9f9, #f3f6f6, #eff3f3, #ecf1f1);}
.bg-grad-totop {background: #FFF;background: linear-gradient(0deg,rgba(255, 255, 255, 1) 66%, rgba(244, 244, 244, 1) 100%);}
.bg-grad-totop2 {background-image: linear-gradient(to top, #ffffff, #f7f9f9, #f3f6f6, #eff3f3, #ecf1f1);}
.pd-big {padding-top: 120px;padding-bottom: 120px}
.pd-large {padding-top: 70px;padding-bottom: 70px}
.pd-medium {padding-top: 36px;padding-bottom: 36px}
.pt-0 {padding-top: 0px;}
.pb-0 {padding-bottom: 0px;}
.mb-0 {margin-bottom:0px;}
.mb-20 {margin-bottom:20px;}
.bg-green {background-color: #3C615A;}
.bg-lightgreen {background-color: #A0BE51;}
.hg-wrapper {background-color: #3C615A;}
.bg-circle-right {background-image: url(/fileadmin/projectfiles/projekte/oeko/images/oeko_circle_bg_right_green.svg); background-repeat: no-repeat; background-size: contain; background-position:right}
.bg-logo-half {background-image: url(/fileadmin/projectfiles/projekte/oeko/images/oesw-oeko_soziales-wohnen_bg_halflogo.svg); background-repeat: no-repeat; background-size: auto; background-position: center bottom;}
.text-white {color: white}
.text-green {color:#A0BE51}
.text-oeko {color:#3C615A}
.cart-oeko {background: #ffffff; border-radius: 4px; padding: 24px; margin: 10px 0px 30px 0px; -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .08);box-shadow: 0 0 25px rgba(0, 0, 0, .08); border-bottom: 4px solid #3C615A; transition: all 0.4s;}
@media only screen and (min-width: 980px) {.cart-oeko:hover {margin: 0px 0px 20px 0px;}}
.cart-oeko p {font-size:1.0rem;}
.cart-oeko h3 {color:#3C615A;margin-bottom: 16px}
.card-img {display:block;margin: 0px auto 20px auto;}
.oeko-dark p {color:white !important}
.oeko-dark h2 {font-size: 2.85rem;}
.oeko-comment {border-left: 4px solid #f4f4f4; padding-left: 30px; margin-top: 50px;}
p.oeko-lead {color: #A0BE51 !important;font-size: 1.5rem; line-hight:1.3;}
@media (max-width: 767px) {p.oeko-lead {font-size: 1.35rem; line-hight:1.2;}}
p.oeko-lead strong{color: #A0BE51 !important}
span.oeko-figures {font-size: 2.8rem;font-weight:700;margin-top: 20px;}
.line-left-green {border-left: 3px solid #3C615A;padding-left:20px;}
picture img {margin-bottom: 20px}
main ul {padding: 20px 0px 20px 22px;}
main ul li {color: #4c4c4c; font-size: 1.1rem; line-height: 1.7rem; list-style: disc; margin-bottom: 8px;}
footer section {border-top: 3px solid #A0BE51;}
footer article {text-align:center;}
footer article ul {margin:0; padding:0;}
footer article ul li {display:inline-block; padding: 20px;  list-style: disc;}
/*footer ul li {overflow: hidden; float: left; list-style: none; margin-right: 20px;}
footer ul li:last-child {margin-right: 0px;}*/
.col-center {margin: 0px auto 0px auto !important;}
/* Button */
a.btn.btn-oeko-out {
  border-color: #3C615A;
  color: #3C615A; 
  font-weight:700;
  transition: all 0.6s;
  background: no-background;
    margin-bottom: 12px;
}
a:hover.btn.btn-oeko-out, a:active.btn.btn-oeko-out, a:focus.btn.btn-oeko-out{
  border-color: #A0BE51;
  color: #A0BE51;
}

a.btn.btn-oeko {
  border-color: #3C615A; 
  color: #fff;
  font-weight:700;
  transition: all 0.6s;
  background:#3C615A;
  margin-bottom: 12px;
}
a {transition: all 0.3s;}
a:hover.btn.btn-oeko, a:active.btn.btn-oeko, a:focus.btn.btn-oeko{
  border-color: #A0BE51;
  background: #A0BE51;
}
  

/* content anpassungen */
#c1511 h2 {font-size: 2.85rem;}
#c1515 h3 {color: #3C615A !important; font-weight: 700; font-size: 2.0rem;}
#c1520 img {margin-bottom:20px;}