.person-profile__social-icons { height:2.3em;}
.wohnung { font-weight:bold;
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}
.wohnung2 { font-weight:bold; color: #b19900; 
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}

.zusatz {
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 

}

img.angebot_badge {
    position: absolute;
    right: 0;
    top: -100px;
}

h1.extra_h1 {text-transform: uppercase; font-family: 'Oswald'; font-weight:400; color:#1f3a69; font-size:300%; }
h2.extra_h2 {text-transform: uppercase; font-family: 'Oswald'; font-weight:400; color:#646464; font-size:100%; }
a.wohnung_link:hover { background-color:#ebe2a6; text-decoration:none;}

a.wohnung_link {  line-height: 1.5rem; padding: .3rem .3rem; margin-left:-.3rem; display:block; color:#7a7a7a;  border-bottom: 1px solid #b19900; }
a.vermietet { background-color:#f9f9f9; text-decoration:none }
a.reserviert { background-color:#f5fff6; text-decoration:none }
hr.wohnung { margin:0; margin-left:-.3rem; background-color: #b19900;} 
    .header__logo { width:9em; }

/* fixed header */
#header { position: fixed; width:100%; margin:0 auto; background-color:#fff; z-index:20000; }
#header { position: absolute; }
#content_main_wrapper { margin-top: 100px; }


h1.extra_h1 {font-family: 'Oswald'; font-weight:400; color:#1f3a69; }
h1.extra_h1_2 {font-family: 'Oswald'; font-weight:400; color:#99761b; }

@media all and (max-width: 450px) {
    .header__logo { width:9em; }
.wohnung { font-weight:bold; font-size: 0.8rem }
.wohnung2 { font-weight:bold; color: #b19900; font-size: 0.8rem }
.zusatz {font-size:0.8rem; line-height:0.8rem;}
#content_main_wrapper { margin-top: 120px; }
h1.extra_h1 { font-size:180%; }
h1.extra_h1_2 { font-size:150%; }

img.angebot_badge {
    width: 150px;
    top: -70px;
}
a.wohnung_link {  line-height: 1rem;}
}

@media all and (min-width: 450px) {
    .header__logo { width:9em; }
.wohnung { font-weight:bold; font-size: 0.8rem }
.wohnung2 { font-weight:bold; color: #b19900; font-size: 0.8rem }
#content_main_wrapper { margin-top: 120px; }
h1.extra_h1 { font-size:180%; }
h1.extra_h1_2 { font-size:150%; }

img.angebot_badge {
    width: 180px;
    top: -20px;
}

}
@media all and (min-width:544px){
 h1.extra_h1 { font-size:180%; }
h1.extra_h1_2 { font-size:150%; }
   
    .header__logo { width: 9em; top:0px;}
    h1.jumbotron-content__title {  }
    #logo-welcome { position:absolute; top:0px }
    .portfolio-grid__nav-link { font-size: 1em; }   
    .person-profile__social-icons {height:2.35em;} 

    .disable_smal { display: none; }
.header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#aaa; }
.wohnung { font-size: 1rem }
.wohnung2 { font-size: 1rem }

img.angebot_badge {
    width: 250px;
    top: -60px;
}

}
@media (min-width: 992px) { 
    .jumbotron-content { position: absolute; width: inherit; top: 6%; } 
    
.header {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    }
}

@media all and (min-width:992px) and (max-width:1199px)
{
h1.extra_h1 { font-size:300%; }
h1.extra_h1_2 { font-size:250%; }
.wohnung { font-size: 1rem }
.wohnung2 { font-size: 1rem }

    .header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#fff; }
    .main-navigation li { font-size:.8rem }     
    .header__navigation { width: inherit; float:right}
    .padding-left-stuff { 
        padding-left: 150px; 
        padding-left: 0; 
        }
    
    .header__logo { width: 11em; }
    h1.jumbotron-content__title { 
            width: 16em; 
            text-shadow: 2px 2px 2px #4d4d4d;
            font-weight:300;
            color: #fff;
            text-shadow: -2px 2px 5px #4d4d4d, -2px -2px 5px #4d4d4d, 2px 2px 5px #4d4d4d, 2px -2px 5px #4d4d4d;
        }
    .jumbotron-content__description { 
            text-shadow: 2px 2px 2px #4d4d4d; 
            font-weight:400;
            color: #fff;
            font-size:1.5em;
            text-shadow: -2px 2px 5px #4d4d4d, -2px -2px 5px #4d4d4d, 2px 2px 5px #4d4d4d, 2px -2px 5px #4d4d4d;
            }

    .jumbotron-content__description a.btn { text-shadow:none; } 
    span.floatbr::after { content:' '; display:block; }
    #logo-welcome { font-size: 13px; position: absolute; top:-20px; left: 40px; display:inline; }
    .portfolio-grid__nav-link {  }   

    .portfolio-grid__arrow { width:calc(50% - 15rem / 16); }
    .portfolio-grid__card-block p { min-height: 2.5em; line-height:1.2em}
    .person-profile__social-icons {height:2.2em;} 
    .disable_smal { display: inline; }
    .footer_logo_text {padding-left:66px;}
}

@media all and (min-width:1200px){
h1.extra_h1 { font-size:300%; }
h1.extra_h1_2 { font-size:250%; }
    .header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#fff; }
    .main-navigation a {
        padding-left:.8em;
        padding-right:.8em;
    }
    .padding-left-stuff { padding-left: 0px; }
    .header__navigation { width:inherit; float:right}
    
    .header__logo { width: 11em; }
    
    h1.jumbotron-content__title { width:18em; background-color:transparent;  
    text-shadow: 2px 2px 2px #4d4d4d;
    text-shadow: -2px 2px 3px #4d4d4d, -2px -2px 3px #4d4d4d, 2px 2px 3px #4d4d4d, 2px -2px 3px #4d4d4d;
    font-weight:300;
            
    }
    span.floatbr::after { content:' '; display:block; }
    .portfolio-grid__nav-link { font-size: 1em; }   

.jumbotron-content__description { 
    text-shadow: 2px 2px 2px #4d4d4d; 
    text-shadow: -2px 2px 3px #4d4d4d, -2px -2px 3px #4d4d4d, 2px 2px 3px #4d4d4d, 2px -2px 3px #4d4d4d;
    font-weight:400;
            font-size:1.5em;
            color:#fff;
    }

.jumbotron-content__description a.btn { text-shadow:none; } 
    span.floatbr::after { content:' '; display:block; }
    #logo-welcome { font-size: 13px; position: absolute; top:-20px; left: 40px; display:inline; }
    .portfolio-grid__nav-link {  }   

    .portfolio-grid__arrow { width:calc(50% - 15rem / 16); }
    .portfolio-grid__card-block p { min-height: 2.5em; line-height:1.2em}

    .person-profile__social-icons {height:2.2em;} 
    .container { max-width:1140px;}

    .disable_smal { display: inline; }

    .footer_logo_text {padding-left:66px;}

img.angebot_badge {
    width: initial;
    }
}
@media all and (min-width:1200px){

div.carousel-item { }

}

* {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}


.main-navigation > .current-menu-item > a::after
{
    background-color:#b19900;
    width:calc(100% - 1rem);
    left:0.5rem;
}

.main-navigation ul.sub-menu li:first-of-type
{
    border-color:#b7c8ac;    
}

.main-navigation ul.sub-menu li a
{
    background-color:#b19900;
    border-color:#b7c8ac;
}

.main-navigation ul.sub-menu li a:hover,
.disabled.btn-primary:hover, 
:disabled.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:active, 
.btn-primary.active,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus 
{
    background-color:#d9bd00;
}

.main-navigation > .XXmenu-item > a:hover:after
{
    background-color:#b7c8ac;
    width:calc(100% - 1rem);
    height:.1875rem;
    left:0.5rem;
    content: '';
    position:absolute;
    bottom:2rem;
}

a.home-icon i.current-menu-item { color: #b19900; }
a { color: #b19900; text-decoration: none; }

#footer-logo { width: 14.6em; margin-top:-100px;}

.black { color:#000; }
.nowrap { white-space: nowrap; }

div.carousel-item img.carousel-item { margin:auto; }
div.carousel-item {  }

.btn-primary { 
    background:none;
    background-color:#b19a00;
    border-color:#b19a00;
}

.btn-primary:hover { 
    background: #d9bd00; 
    border-color:#d9bd00;
}

.btn-tertiary:hover {
    border-color:#b19a00;
}

.jumbotron .icon-box__title {
    font-weight: bold; color:#eee; text-shadow: 2px 2px 2px #000;
}

.jumbotron .icon-box__subtitle { text-shadow: 2px 2px 2px #000; }
.header .icon-box__title { font-weight: bold; color:#aaa; }
.jumbotron-content__description{ font-weight:bold; }

.jumbotron__control:hover { background: none; background-color:#b19a00; }

.icon-box .fa { color:#b19a00; }
.jumbotron__extras .icon-box .fa { text-shadow: 2px 2px 2px #000; }
.jumbotron__widgets .widget { padding-bottom: 1em; padding-top:1.5em;}
.footer-top a.icon-container:hover, .social-icons__link:hover { color: #b19a00; }

p.page-box__text { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.hyphens {
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}

.nohyphens {
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}

.services .page-box--block img  {
    margin-bottom:20px;
} 

.services .page-box--inline .page-box__title { padding-top:0; }

.portfolio-grid__nav-item:last-of-type { margin-right:0;}
.portfolio-grid__nav-item.is-active::after { background-color:#b19a00; }
.portfolio-grid__nav-link {padding-bottom:1rem;}
.portfolio-grid__card:focus .portfolio-grid__card-block::after, .portfolio-grid__card:hover .portfolio-grid__card-block::after { border-bottom-color: #b19a00; }
.portfolio-grid__card:focus h5, .portfolio-grid__card:hover h5 { color: #b19a00; }

.card-block { padding: 1rem; }
.latest-news--inline .latest-news__title { font-size:1.1rem; line-height:1.1rem}
.latest-news--block .latest-news__text, 
.latest-news__date { font-size:0.85rem; line-height:1.3rem; }

body.home .news .col-lg-4 {margin:0;} 

.latest-news__content h4, a.latest-news--inline .latest-news__content h4 {font-size: .98rem;}

.latest-news--block .latest-news__date { background-color:#8ea77d; }
.latest-news--block .latest-news__content { border-top-color:#8ea77d; }

.latest-news--inline:focus, 
.latest-news--inline:hover, 
.latest-news--inline + .latest-news--more-news:hover { border-left-color:#8ea77d; }

.promise { 
    background-image: url("images/promise_values.gif");
    background-size: cover;
    padding: 60px 30px;
    padding-bottom: 15px; 
}

body { color: #7a7a7a; }
body.home .news { margin-bottom:3em; }
body.home section.partners { margin-top:  3em;}
body.home .logo-panel img, body.home .logo-panel img:hover { border:none; }
body.home .home_kontakt { background-color:#faf7f0; margin-bottom:2em}
body.home .projects { background-color: #ece8de}
h1.page-header__title { color: #8ea77c; font-weight: 700; }
.page-header { 
    background-image: url("images/promise_values.gif");
    background-position:bottom;
    background-repeat:no-repeat;
    background-color:#faf7f0;
} 
.portfolio-grid__card-block h5 {margin-bottom:.5em}
.page-header__subtitle { font-weight:400; }

div.besichtigung h5 { color: #8ea77c;}
div.besichtigung > p { font-size:1em}
.portfolio__content > h4  { font-size:1.2em; line-height: 1.5em; }
.portfolio__content > p  { font-size:.98rem; }
ul.projekt { padding-left: 0; list-style-type: none; }
ul.projekt li {font-size:1em; margin-left:-.5em; padding-left:2em;}
ul.projekt li:before {
    content: "\f14a";
    font-family: FontAwesome;
    color: #b19a00;
    margin-right:.6em;
    margin-left:-1.45em
}

.portfolio--left, .portfolio > div { border-color: #b19a00; }

h2 {color: #b19a00; font-weight:bold}
.portfolio__meta h4 { color: #b19a00 }
.mark_highlight { color: #fc7820; }

h4 { color: #8ea77c }

img {
/*    image-rendering:optimizeSpeed;              /* Legal fallback                 */
/*    image-rendering:-moz-crisp-edges;           /* Firefox                        */
/*    image-rendering:-o-crisp-edges;             /* Opera                          */
/*    image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
/*    image-rendering:crisp-edges;                /* CSS3 Proposed                  */
/*    -ms-interpolation-mode:bicubic;             /* IE8+                           */
}

.person-profile__social-icons::before { border-bottom-color: #acca95; }
.person-profile__social-icons { background-color: #acca95; width:8em;}
.person-profile__container { border-color: #acca95; }
img.card { border-bottom: 2px solid #acca84; margin-bottom:-2px;}
.card-block .fa { font-size:1.5em; position:absolute; }
div.person-profile__content > p { font-size:1em; }
div.person-profile__content > p > span  { margin-left:25px; }
div.person-profile__content > p > i.fa-mobile { font-size:1.8em; margin-top:0px}
div.person-profile__content > p > i.fa-envelope { font-size:1em; padding-top:5px;}
.person-profile__tag, .person-profile__content > span { background-color: #d9bd00 }

.open-position__content-container, .open-position:hover .open-position__content-container { border-left-color: #d9bd00}

h3 { color: #d9bd00}
.contact-notice { font-size:.9em}

.footer-top, .footer-bottom, .top { background-color: #c2c6c7; }
.footer-top { margin-top: 120px}
body { font-family: "Roboto"}

#logo-welcome { color:#999}

.response { font-weight: bold; text-transform: uppercase; padding: 20px 0px; display: none;}
.response.success { color: green; }
.response.error { color: red; }

.disabled.btn-primary:hover, 
:disabled.btn-primary:hover,
.btn-primary:focus,
.btn-primary:focus, 
.btn-primary.focus,
.btn-primary:active, 
.btn-primary.active,
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus 
{ background-color: #d9bd00; border-color: #d9bd00; }

h4 a, .latest-news--block .latest-news__title a { color: #8ea77c}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: 300; }
h2 {font-weight:400 }
h4 { font-weight: 400; }
.jumbotron-content__description{ font-weight:400; }
h1.page-header__title, .page-header__subtitle {font-weight:300 }
.portfolio-grid__nav-link:focus, .portfolio-grid__nav-link { font-weight:300 }

/*media all*/
.latest-news--inline { border-left-width: 1px; }
.latest-news--inline:hover { border-left-width: 3px; }
.projekte_header { padding:8px 10px 4px 10px; background-color:#8ea77d; position:absolute; top:0; width:100%; min-height:50px; color:#fff; }
.projekte_header h6 { color:#fff; font-weight:400; margin:0; font-size: 1.05em; letter-spacing: 0.1em; text-transform: uppercase; }
.projekte_header > p { font-weight:300; font-size: 0.8em; margin:0; padding:0.2em 0; letter-spacing: 0em; line-height:1.2em }

div.card img { border: 1px solid #d9bd00; }
p.smaller90 { font-size:.9em }

.portfolio .portfolio__content h5 { text-transform: uppercase;}
.portfolio-grid__card-block h5 { font-size: 0.85em }

label.suche { display:block; margin-right:10px}
input[type=checkbox] { margin-right:10px;}


.jumbotron__control.left, .jumbotron__control.right { }

@media (min-width: 992px) { .header::before, .header::after { position: absolute; content: ''; background-color: #ffffff; width: 0rem; height: 0rem; top: -1.0625rem; } }
@media (min-width: 992px) { .header::before { -webkit-transform: rotate(52deg); -ms-transform: rotate(52deg); transform: rotate(52deg); border:none; } }

.footer-top { font-size: 0.875rem; margin-bottom: 0.625rem; border-bottom: 1px solid #e9e9e9; }
.main-navigation .sub-menu a { color:#000; }
.jumbotron__extras {background:none;}
.jumbotron__widgets .widget { margin-bottom: 0; padding-top:0 }


.middle-line { position:relative; }
.middle-line::after
{
    background-color:#ab967f;
    width:calc(100% - 10rem);
    left:5rem;
    position: absolute; 
    content: ''; 
    height: .1875rem; 
    bottom: -2rem; 
}
.full-line { position:relative; }
.full-line::after
{
    background-color:#b19900;
    width:calc(100%);
    left:0rem;
    position: absolute; 
    content: ''; 
    height: .1875rem; 
    bottom: -2rem; 
}

.back_gradient {
    background: red; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(rgb(201,201,201), rgb(255,255,255)); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(rgb(201,201,201), rgb(255,255,255)); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(rgb(201,201,201), rgb(255,255,255)); /* For Firefox 3.6 to 15 */
    background: linear-gradient(rgb(201,201,201), rgb(255,255,255)); /* Standard syntax */
}

/*
.objekt-hafeninsel-mitte .jumbotron__widgets { display: block;}
*/

ul.portfolio_ul li { line-height:1.2rem; padding-bottom:1rem; list-style: none; hyphens:none }
ul.portfolio_ul li:before {
  /* For a round bullet */
  /* content: '\2022'; */
  /* For a square bullet */
  /*content:'\25A0';*/
  content:'-';
  display: block;
  position: relative;
  max-width: 0;
  max-height: 0;
  left: -10px;
  top: -1px;
  color: #b19900;
  font-size: 20px;
}

.brochure-box 
{
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}

body.datenschutz h5 { font-weight:bold; }
span.cc-message { padding-right: 50px; }

body.mietanfrage .contact-submit {float:left}
body.kontakt .contact-submit {float:left}

h1.colormark { color: #444444; text-transform: uppercase;}

@media all and (min-width:544px){
    #content_main_wrapper { margin-top: 113px; }
}

@media (min-width: 992px)
{
    .main-navigation a {
        padding: 3rem .45rem;
    }
    div.header__logo { width:8em; }
    #content_main_wrapper { margin-top: 118px; }
}
@media all and (min-width:1200px)
{
    .main-navigation a {
        padding-left: .6em;
        padding-right: .6em;
    }
    div.header__logo { width:8.5em; }
}