.header__navigation { background: #ffffff;}
.header__logo { padding:0 }   
.footer-top h1 { 
    color: #ffffff;
    font-size: 0.9rem;
    line-height: 1.2rem;
    text-transform: none;
    font-family: "Oswald"; 
    font-family: "Open Sans";
    font-weight: 600;
}
.footer-top h1::after
{
    border-bottom: 1px solid #bca480;
    width:50px;
    height:10px;
    content:'';
    display:block;
    position:relative;
    left:0;
    top:0;
}

.footer-top, .footer-bottom, .top { 
    background-color: #3b3e43; color:#dddddd;
    font-family: "Roboto";
    font-family: "Open Sans";
    font-weight: 400;
    font-size: 0.8rem; 
    line-height: 1rem;
}
.footer-last { background-color: #2b2e31; color:#ffffff}
.footer-top { padding-top: 34px; margin:0; border:0; }
.footer-top-spacer { height:46px; background-color:#676767; }
.footer-bottom::before, .footer-bottom::after
{
    background-color: transparent;
    border:0;
}
.footer-bottom {
    border:0;
    background-color: #2b2e31;
    text-align:center;
    font-weight:600;
    color:#585c62;
}
.highlight-color, .footer-top a
 { color: #bca480; 
 font-size:0.9rem;
 line-height:1.35rem;
 }
.footer-top a { }


.footer-top ul.menu .fa { 
    color:#242629;
    font-size:1.2rem;
    display:inline-block;
    font-size:0.8rem;
    position:relative;
    top:-3px;
}

.footer-top hr {
    border-color:#625d55;
    height:1px;
    margin:0;
    padding:0;
}
.container::after {clear:none}
.main-navigation li { position: relative; font-size: 0.9rem; text-align:right; line-height: 1rem; }
.main-navigation li a .navigation-topping { color:#a69173; }
.main-navigation > .current-menu-item a .navigation-topping { color:#000000; font-weight:bold;}
.main-navigation li a.tel,
.main-navigation li a.back
 { background-color:#000000; color:#ffffff; padding:4px;}
a.back
 { background-color:#000000; color:#ffffff; padding:4px;
    font-size:0.8rem;
    bottom:0;
    position:absolute;
    text-transform:uppercase;
    font-family:"Oswald";
    margin-left:1rem;
  }
  
.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;
   color: #000000;
}
.wohnung2 { color: #b19900; 
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
   color: #666666;
}

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

}


a.wohnung_link:hover { background-color:#efecdb; text-decoration:none }
.brochure-box:focus, .brochure-box:hover {border-left: 3px transparent;}
a.wohnung_link { padding: .3rem .3rem; margin-left:-.3rem; display:block; background-color:transparent; color:#7a7a7a; border-top: 2px solid #cfc26f; }
a.verkauft { background-color:#f5eded; text-decoration:none }
a.reserviert { background-color:#f5fff6; text-decoration:none }
a.wohnung-last {border-bottom: 2px solid #cfc26f; }
hr.wohnung { margin:0; margin-left:-.3rem}
/*    .header__logo { width:9em; height:9em; } */

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


#corona_badge {width:267px}

#content_main_wrapper { margin-top: 110px; }


@media all and (min-width:544px){

}
@media all and (min-width:10px) {
    /* iphone hochformat */
   .disable_smal { display: none; }
    span.floatbr_smal::after { content:' '; display:block; } 
    #triangle-footer { display: none; }
}
@media all and (min-width:544px){
    
    .header__logo { width:9em; height:9em; }
.wohnung { font-size: 0.8rem; }
.wohnung2 { color: #b19900; font-size: 0.8rem }
#content_main_wrapper { margin-top: 131px; }


    .header__logo { width: 9em; height: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;} 

.header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#aaa; }
.wohnung { font-size: 1rem }
.wohnung2 { font-size: 1rem }
#corona_badge {width:50%}

}
@media (min-width: 992px) { .jumbotron-content { position: absolute; width: inherit; top: 6%; } }
@media (min-width: 780px) { 
    span.floatbr_smal::after { content:' '; display:none; } 
}
/* footer umschalten von 2 zu 1-Spalter */
@media all and (min-width:768px) 
{ 
    #triangle-footer { display: inline; }
}

@media (min-width: 992px) {  }
@media (min-width: 450px) { .header__logo { width:114px; height: inherit; margin-bottom:1rem;} }
.header { position: relative; box-shadow: 0 0px 0px #dedede; z-index: 10; /* Top Cosmetic Detail just for Desktop */ /* Top Cosmetic Detail just for Desktop */ /* Top Cosmetic Detail just for Desktop */ }

@media all and (min-width:992px) and (max-width:1199px)
{
   .disable_smal { display: inline; }
/*
von neuem MEnupunkt Karriere 
.main-navigation a { padding: 1.5rem .625rem; color: #7d7d7d; border-bottom: 0; }
*/
.main-navigation a { padding: 1.5rem .4rem; color: #7d7d7d; border-bottom: 0; }
#corona_badge {width:492px}
.wohnung { font-size: 1rem }
.wohnung2 { font-size: 1rem }

    .header__logo img { width:14px; height:14px;}
    .header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#fff; }
    .main-navigation li { font-size:.8rem }     
    .header__navigation { width: 84%; float:right}
    .padding-left-stuff { 
        padding-left: 150px; 
        padding-left: 0; 
        }
    
    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; }
    span.floatbr_middle::after { content:'</ br>'; 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;} 
    .footer_logo_text {padding-left:66px;}
}

@media all and (min-width:1200px){
#corona_badge {width:567px}
    .header .icon-box__subtitle, .jumbotron .icon-box__subtitle { color:#fff; }
/*
von neuem MEnupunkt Karriere 
    .main-navigation a {
        padding-left:.8em;
        padding-right:.8em;
        padding-bottom:0em
    }
*/
    .main-navigation a {
        padding-left:.5em;
        padding-right:.8em;
        padding-bottom:0em
    }
    .padding-left-stuff { padding-left: 0px; }
    .header__navigation { width:82%; float:right}
    
    .header__logo {  }
    
    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;}
}
@media all and (min-width:1200px){

div.carousel-item { }

}

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


/*
von neuem MEnupunkt Karriere 
.main-navigation > .current-menu-item > a::after
{
    background-color:#c5a56e;
    width:calc(100% - 1rem);
    left:0.5rem;
    bottom:14px;
}
*/
.main-navigation > .current-menu-item > a::after
{
    background-color:#c5a56e;
    width:calc(100% - 1rem);
    left:0.4rem;
    bottom:14px;
}
.main-navigation > .current-menu-item > a { padding-bottom:0;}
.js-main-nav > .current-menu-item > a { padding-bottom:17.5px;}
.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:#b9a16f;
}

.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; }

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

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

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

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

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

.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:#d8bd83; }

.icon-box .fa { color:#d8bd83; }
.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: #d8bd83; }

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:#d8bd83; }
.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: #d8bd83; }
.portfolio-grid__card:focus h5, .portfolio-grid__card:hover h5 { color: #d8bd83; }

.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: #d8bd83;
    margin-right:.6em;
    margin-left:-1.45em
}

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

h2 {color: #d8bd83; font-weight:bold}
.portfolio__meta h4 { color: #d8bd83 }
.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:bicubic;                /* CSS3 Proposed                  */
    -ms-interpolation-mode:bicubic;             /* IE8+                           */
    image-rendering: -webkit-optimize-contrast;
}

.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: #b9a16f }

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

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


#content_main_wrapper {background-color:#ffffff;}
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: #b9a16f; border-color: #b9a16f; }

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 #b9a16f; }
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; } }

.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:#324b28;
    width:calc(100% - 10rem);
    left:5rem;
    position: absolute; 
    content: ''; 
    height: .1875rem; 
    bottom: -2rem; 
}
.full-line { position:relative; }
.full-line::after
{
    background-color:#324b28;
    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 */
}

ul.portfolio_ul li { line-height:1.2rem; padding-bottom:1rem; list-style: 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}

.footer-top__headings {
    margin-bottom: 0;
    font-weight:bold;
    font-size: 0.85rem;
}


.footer-top .widget_nav_menu .menu a {
    color:#ffffff;
    margin:0;
    padding:0;
    line-height: 1rem;
}
.footer-top__headings {margin-bottom:0.5rem;}


.footer-logo {
    left:100px;
    float:left;
}

.main-navigation a {
    font-family: "Oswald";
    font-weight: normal;
    text-transform: uppercase; 
}

.header__logo img { margin:0; }

@media (min-width: 1200px) {
.footer_logo_text {
    padding-left: 0; 
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.footer_logo_text {
    padding-left: 0;
}
    .footer-top { font-size: 0.8rem }
    .footer-top .widget_nav_menu .menu a { font-size:0.8rem }
}

.header__logo img { width: 100px; height:100px; }
    #home_slide_logo {
    position:absolute;
    top:11%;
    left:40%;
    width:40%
}

.footer-top .widget select, .footer-top .widget img 
{ 
    padding-right: 0.7rem;
    padding-top:2.65rem;
}


.footer-top .widget_nav_menu .menu a { font-size:0.8rem }
.footer-top .widget_nav_menu .menu a.contact {
    top:-0.2rem;
    position: relative;
}
.footer-top .widget_nav_menu .menu a.contact { font-size:0.75rem; }
.footer-top .widget_nav_menu ul.contact li
{
    top:0.2rem;
    position:relative;
}

h1, h2 { text-transform: uppercase; font-family: "Open Sans";
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
}

h1 { font-weight:300; color: #a69173; }
h1.highlight { color: #9b936f; }
h1.bigger { font-size:1.8rem}
h1 { font-size:1.6rem}

@media (min-width: 450px) {
    .main-navigation a:hover {
        background-color:#b9a16f;
        }
    #home_slide_logo {
    position:absolute;
    top:162px;
    left:50%;
    width:40%
    }
.header { position:relative; }
}

@media (min-width: 992px) {
    .main-navigation a:hover {
        background-color:transparent;
        }
    .header__logo img { width:114px; height:114px; }
    #home_slide_logo {
        position:absolute;
        top:162px;
        left:50%;
        width:20%
    }
.header { position:fixed;
    background-color:#ffffff;
    width:100%;
 }    
}

@media (min-width: 451px) {
h1.bigger { font-size:4rem; }
h1 { font-size:1.8rem; }
}


.brochure-box { background-color: transparent;} 

h1 span.smaler { font-size: 1.7rem; text-transform:none }

.form-control { background-color: #f0f2f3; border-radius: 0; padding:1rem}

h3 
{
    background-color: #cbd6da;
}

h3 span.darker 
{
    background-color:#8ea3ab;
    text-transform: uppercase;
    display:inline-block;
    padding: 5px 5px;
    color:#ffffff;
    font-size:1.2rem;
    font-weight:400;
}

h4 
{
    text-transform: uppercase;
    color:#666666;
    margin-bottom:1rem;
}

h1 { 
    font-family:"Open Sans";
    font-size:2.5rem;
    font-weight: 400;
    margin-top:-8px;
    }

.caps { text-transform: uppercase }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
}

.carousel-control-prev-icon, .carousel-control-next-icon {
    height:60px;
    width:60px;
    }
.carousel-caption {
    background-color:rgba(0,0,0,0.3);
    display:table;
    position:absolute;
    margin:0;
    width:auto;
    padding: 11px 30px;
    text-align:left;
    top:10%;
    left:15%
}
.carousel-caption h5 { 
    font-size: 2rem;
    line-height:2rem;
    font-weight:bold;
    margin:0;
}
.carousel-caption p { 
    margin: 0;
    font-size: 1.4em;
    font-weight:normal;
    line-height:1.6rem;
    padding-top:1rem;
}
#carouselExampleIndicators11 .carousel-caption h5 {
    letter-spacing:.2rem;
     filter: drop-shadow(0 0 5px #000);   
    
} 
#carouselExampleIndicators11 .carousel-caption p {
    letter-spacing:.05rem;
     filter: drop-shadow(0 0 5px #000);   
    
} 

button.btn { font-family: "Open Sans"}
button.btn-flat { border-radius:0 }
button.btn-glow { border-radius:0 }

h1.big_black { 
    color:#000000;
    font-weight:bold;
    font-size:3rem;
    letter-spacing: 0.2rem;
    line-height:2.8rem;
}

h1.referenzen {
    font-family:  "Open Sans";
    font-weight: bold;
    font-size:1.4rem;
    margin-top:-4px;
}

div.referenzen { 
    font-family: "Open Sans";
    hyphens: auto;
}

h2.unternehmen, h2.leistungen {
    color:#000000;
    font-size:1rem;
    margin-top:2rem;
    font-weight:600;
}

h2.leistungen {
    font-size:2rem;
    margin-bottom:1rem;
}

h2.immobilien {
    color:#000000;
    font-size:1rem;
    margin-top:2rem;
    font-weight:600;
    font-size:2rem;
    margin-bottom:1rem;
}

h1.immobilien {
    line-height:5rem;    
}

h1 span.immobilien_head_1 {
    font-weight: bold;
    text-decoration: underline;
    font-size:5rem;
}

h1 span.immobilien_head_2 {
    font-weight: normal;
    font-size:3.4rem;
    color:#000000;
}

div { font-family: "Open Sans"}
.datenschutz h2 {
    font-size:1rem;
    font-weight:bold;
    color:#000000;
    margin:0;
    margin-bottom:-1rem;
}

.news .date {
    background-color:#000000;
    position:absolute;
    bottom:0;
    left:0;
    padding:0.5rem  3rem;
    font-size:1.3rem;
    color:#ffffff;
    font-weight:bold;
}

.news .item-content {
    padding:3rem;
    color:#444444;
}

.news .item-content h1 {
    font-size:2rem;
    font-weight:bold;
    color:#444444;
    margin-bottom:1rem;
    text-transform:none;
}

.news_footer .item-content {
    padding:0;
    padding-left:1rem;
}
.news_footer .item-content h1 {
    font-size:.8rem;
    line-height:1rem;
    font-weight:normal;
    color:#dddddd;
    margin-top:0;

}

.news_footer .item-content h1::after {
/*    display:none;*/
    border-color:#625d55;
    width:inherit;
    height:1px;
    margin-top:1rem
}

.news_footer .date {
    background-color:transparent;
    color:#bca480;
    padding:0;
    font-size:.8rem;
    left:0;
    top:0;
    display:block;
    position:relative;
    margin-bottom:0.5rem;
    margin-top:-5px;
}

.news_footer img.smal  {
    padding:0;
}
 a.news_block { 
    padding-top: 1rem; 
}
 a.news_block:hover {
    background-color:rgba(188,164,128, .1);
}
@media (max-width: 768px) { /* nur bei iPhone */

.carousel-caption h5 { 
    font-size: 1rem;
    line-height:1rem;
}
.carousel-caption p { 
    font-size: .8em;
    line-height:1rem;
}

.carousel-caption {
    padding: 5px 15px;

}

.news .item-content h1 {
    font-size:1.5rem;
}

.news .date {
    padding:0.5rem  3rem;
    font-size:1rem;
}

.news_footer .item-content h1 {
    font-size:0.8rem;
}


}

.news {margin-bottom:0}

.livingroom img.img_livingroom {
    margin-bottom:2rem
}

.no-caps {
    text-transform:none;
}

.btn-horn {
    background-color:#a69173;
    color:#ffffff;
    text-transform:uppercase;
    box-shadow:none;
    font-size:1.5rem
}

a.anchortop {
	display: block;
	top: -108px; /* same as your fixed header height */
    height:108px;
    width:10px;
    background-color:#ffffff;
    z-index:100000000000000;
    visibility:hidden;
    position:absolute;
}

.aktuelles-objekt-wrapper,
.aktuelle-info-wrapper 
{
    padding:1rem;
    background-color:transparent;
}

.aktuelles-objekt,
.aktuelle-info
 {
    padding:1rem;
    border:1px solid #777777;
    min-height:620px;
    
    color:#444444;
}

.aktuelle-info
{
    min-height:550px;
}
@media (max-width: 1199px) { 

    .aktuelle-info
    {
        min-height:650px;
    }

}
@media (max-width: 991px) { /* nur bei iPhone */

    .aktuelle-info
    {
        min-height:inherit;
    }
    
    body.home button.btn-horn {
        /*background-color: #ff0000;*/
        font-size:1rem;
    }
    .td-right-xs {
        margin:0;
        text-align: right;
        max-width:fit-content;
        margin-left:auto;
    }
    .td-right-xs::after {
        content: " ";
        background-color:red;
        display:block;
    }
    .td-left-xs {
        margin:0;
        max-width:fit-content;
    }
    .d-xl-none {
        margin:0;
    }
    .td-wrapper {
        border-bottom:1px #e5dfd6 solid;
        padding:2px 0;
    }
    .td-wrapper:last-of-type { border:0 }
}

#aktuelle-objekte a, 
#aktuelle-infos a 
{
    padding:0;
    color:#a69173;
    background-color:#ffffff;
    display:block;
}

#aktuelle-objekte object a, 
#aktuelle-infos object a 
{
    background-color: transparent;
    color:#000000;
    font-weight:bold;
}
 
#aktuelle-objekte a:hover,
#aktuelle-infos a:hover
{
    background-color:#fff5db;
    text-decoration:none;
}

.aktuelles-objekt-wrapper .aktuelles-objekt h5,
.aktuelle-info-wrapper .aktuelle-info h5
 {
    font-weight:600;
    margin:1rem 0;
    color:#a69173;
    text-transform:uppercase;
}

.more-link {
    position:absolute; bottom: 1rem;
    color:#000000;
    font-weight:bold;
}

h5 {
    font-family: "Open Sans";
}
html {
  scroll-behavior: smooth;
}


.item-content a 
{
  color:#000000;
  font-weight:bold;
}

.carousel-control-prev, .carousel-control-next {
    opacity: 1;
}

.carousel-control-prev:hover, .carousel-control-prev:focus, .carousel-control-next:hover, .carousel-control-next:focus
{
    color:#ff0000;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
    filter: drop-shadow(0 0 5px #000);
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
    filter: drop-shadow(0 0 5px #000);
}

.news_subnav_container a.news_subnav {
    padding:4px 10px;
    margin:0 0 4px 0;
    display:inline-block;
    color:#444444;
    font-weight:bold;
}
.news_subnav_container a.current {
    background-color:#a19173;
    color:#ffffff;
}


.news_subnav_container a.news_subnav:hover {
    background-color:#f4ebda;
    text-decoration:none;
}
.news_subnav_container a.current:hover {
    background-color:#a19173;
    color:#ffffff;
}

table.news {
    font-size:0.8rem;
}

td.tdbl {
    width:25%;
}

h4.immobilienangebote {
    font-size:3rem;
    color:#a69173;
    font-weight:800;
}

.wohnung { font-weight:bold;
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none;
   color: #000000;
}
.wohnung2 { color: #b19900; 
   -moz-hyphens: none;
   -o-hyphens: none;
   -webkit-hyphens: none;
   -ms-hyphens: none;
   hyphens: none; 
   color: #666666;
}

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

}


a.wohnung_link:hover { background-color:#efecdb; text-decoration:none }
.brochure-box:focus, .brochure-box:hover {border-left: 3px transparent;}
a.wohnung_link { padding: .3rem .3rem; margin-left:-.3rem; display:block; background-color:transparent; color:#7a7a7a; border-top: 2px solid #cfc26f; }
a.verkauft { background-color:#f5eded; text-decoration:none }
a.reserviert { background-color:#f5fff6; text-decoration:none }
a.wohnung-last {border-bottom: 2px solid #cfc26f; }
hr.wohnung { margin:0; margin-left:-.3rem}

h1.haus { font-size:2.5rem; font-weight:bolder; margin-bottom:2rem; margin-top:3rem; color:#000000; }
h2.wohnungen { font-size:1.5rem; font-weight:bold; color:#62757c; margin-bottom:15px; margin-top:2rem;}
h2.wohnungen span.smaler { font-size:1rem; font-weight:normal; }

div.smal_text { font-size:0.7rem; line-height:.9rem }

body.roederstein-abcdefg h4.immobilienangebote {  }
body.roederstein-abcdefg .main-navigation ul.sub-menu li a {
    background-color:#eeeeee;
    text-align:left
}
body.roederstein-abcdefg .main-navigation ul.sub-menu li a:hover {
    background-color:#bba14c;
}

.min-height-xl-600 {
    min-height: initial;
}

@media (min-width: 1200px){
    
    .min-height-xl-600 {
        min-height:600px;
    }
    .min-height-xl-550 {
        min-height:550px;
    }
    
}

polygon.navi:hover {
  cursor:pointer;
  stroke: rgba(187,161,255,1);
  stroke-width: 4px;
  fill: rgba(187,161,255,.5);
}

polygon.wohnung:hover {
  cursor:pointer;
  stroke: rgba(187,161,76,1);
  stroke-width: 4px;
  fill: rgba(187,161,76,.5);
}

polygon.reserved {
  cursor:pointer;
  stroke: rgba(187,161,76,1);
  stroke-width: 0px;
  fill: rgba(80,120,80,.25);
}
polygon.sold {
  cursor:pointer;
  stroke: rgba(187,161,76,1);
  stroke-width: 0px;
  fill: rgba(80,100,80,.5);
}

g.hotzone:hover {
    cursor:pointer;
}
g.hotzone:hover polygon.wohnung{
  cursor:pointer;
  stroke: rgba(187,161,76,1);
  stroke: rgba(0,0,0,1);
  stroke-width: 3px;
  fill: rgba(187,161,76,.6);
  stroke-linejoin: round;
}
g.hotzone:hover rect.highlight_menu{
  stroke: rgba(187,161,76,.2);
  stroke-width: 0px;
  fill: rgba(187,161,76,.2);
  display:inline;
    
}
g.active polygon.wohnung{
  cursor:pointer;
  stroke: rgba(187,161,76,1);
  stroke: rgba(113,97,45,1);
  stroke-width: 3px;
  fill: rgba(227,205,181,.8);
  stroke-linejoin: round;
}

g.active rect.highlight_menu{
  display:none;
  stroke: rgba(187,161,76,.2);
  stroke-width: 0px; 
  fill: rgba(187,161,76,.2);
}

g.active rect.active_line {
  stroke: rgba(187,161,76,1);
  stroke-width: 0px;
  fill: rgba(187,161,76,1);
}


h4.immobilienangebote.sub { font-size:2rem; text-transform:none; }

ul.lage {
    margin-left:-1.5rem;
}

ul.lage li {
    margin-bottom:.4rem;
}

.icon-row img {
    width:48% !important;
    max-width: 260px;
}