h1.german, h1.italian 
{
    font-family:'Oswald';
    font-size:3rem;
    text-transform: uppercase;
}

h1.german
{
    font-weight:400;
    color:#58595a;
}

h1.italian
{
    font-weight:200;
    color:#b8aa87;
}

div.italian, div.german {padding:1.5rem; padding-bottom: 1.5rem;}
/*div.italianaa {background: rgba(255,255,255,0.1); }*/
/*
div.italianaaa:before 
{
    content:url("/images/italy.png"); 
    position:absolute;
    top:0;
    right:0;
    opacity: .7;
}
*/
div.german {background: rgba(255,255,255,0); }
ul.unsorted { list-style-type: square; padding: 0 0 0 1.2rem; margin:0; }

span.highlight_color{ color:#b8aa87; }

.person-profile__social-icons { height:2.3em;}

    span.floatbr::after { content:' '; display:none; } 
    span.show_only_big::after { content:' '; display:none; } 

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:140%; }
h3 { font-family: 'Oswald'; font-weight:400; color:#f00; }
h3 { font-family: 'Roboto'; font-weight:500; }

a.wohnung_link:hover { background-color:#ebe2a6; text-decoration:none; }

a.wohnung_link { padding: .3rem .3rem; margin-left:-.3rem; display:block; color:#7a7a7a;  border-bottom: 1px solid #b8aa87; }
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: #b8aa87;} 
    .header__logo { width:12em; }

/* fixed header */
#header { 
    position: fixed; width:100%; margin:0 auto; background-color:#fff; z-index:20000; 
    background-color:#fff !important;
    border-top:23px solid #829496;
}
#content_main_wrapper { margin-top: 100px; }

a.tel
{ 
    color:#0f0f0f; 
    font-family: "Open Sans"
}

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 (min-width: 450px) {
    .header__logo { width:9em; }
.wohnung { font-weight:bold; font-size: 0.8rem }
.wohnung2 { font-weight:bold; color: #b8aa87; font-size: 0.8rem }
#content_main_wrapper { margin-top: 137px; }
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) { 
    #content_main_wrapper { margin-top: 146px; }

    /* only large */
div.italianaaa:before 
{
    content:url("/images/italy_big.png"); 
    left:0;
}
h1.german, h1.italian 
{
    font-size:3rem;
    font-family:'Roboto';
}

    .jumbotron-content { position: absolute; width: inherit; top: 6%; } 
.main-navigation li a.tel
 { background-color:#b8aa87; color:#ffffff; padding:10px; margin-left:2rem}


.header {
    position: fixed;
    background-color: #ffffff;
    width: 100%;
    }
}
@media all and (max-width:991px)
{
    .header__logo { position:absolute; top:1rem; height:inherit}
    #content_main_wrapper { margin-top:106px;}
    .header__navbar-toggler.btn { margin: 15px 0 15px;}
    .telnumber { top: 2.5rem !important;}
}

@media all and (min-width:992px) and (max-width:1199px)
{
    .header__logo { top:0rem !important; height:8rem;}
    .telnumber { top: 0rem !important;}

h1.extra_h1 { font-size:300%; }
h1.extra_h1_2 { font-size:350%; }
.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; }
    span.show_only_big::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;}
}

    span.floatbr::after { content:''; display:none; background-color:#0f0; }
    span.show_only_big { content:''; display:none;  }

@media all and (min-width:1200px){
    .d-xl-none {
        display: none !important;
      }
    
h1.extra_h1 { font-size:300%; }
h1.extra_h1_2 { font-size:350%; }
    .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; background-color:#f00; }
    span.show_only_big { 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; } 
    #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:#b8aa87;
    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:#b8aa87;
    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:#b8aa87;
}

.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: #b8aa87; }
a { color: #b8aa87; text-decoration: none; }

#footer-logo { width: 14.6em; }

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

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

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

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

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

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

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

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

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

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

h2 {color: #b8aa87; font-weight:bold}
.portfolio__meta h4 { color: #b8aa87 }
.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: #d5c9ac }

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

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

.footer-top, 
.footer-bottom, 
.top { background-color: transparent; }

.footer-top { margin-top: 120px; background-color:transparent; }
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: #d5c9ac; border-color: #d5c9ac; }

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; }
h3 { font-weight: 500; }
.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 #d5c9ac; }
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: '';  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:#b8aa87;
    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: #b8aa87;
  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;}

.footer-top__headings  { color:#58595a; font-weight:bold;}
.footer-top .icon-container { width: 20px; margin-bottom:0; }
.footer-top { border:0; margin: 0;}

.main-navigation li {
    position: relative;
    font-size: 1.1rem;
}

.fa-li {
    top: 0.24286em;
    color:#b8aa87;
}

div.footer-top div.widget a.icon-container
{
font-size:3rem;
color:#b8aa87;
} 

div.footer-top div.widget a.icon-container:hover
{
    color:#fff;
    text-decoration: none;
}

div.footer-top div.widget a.icon-container:focus
{
    text-decoration:none;
}

.footer-top a.icon-container .fa
{
    font-size:inherit;
}

h1.dark, .dark {
    color:#4c4c53;
}

h1.light, .light {
    color:#ffffff;
}

h1.blue, .blue {
    color:#b0cae2;
}

.fa-li {
    left: -1.9rem;
}

.caps {
    text-transform: uppercase;
}

p { margin:0; padding:0; }

.contact-select, .contact-text, .contact-textarea { font-size:inherit; }
.form-control { background-color: #fff;}
.btn { font-size:inherit; }

.p-0 { padding:0;}

.angebote-div {
    margin:.5rem;
    padding:1rem;
}


.d-none {
    display: none !important;
}

.d-ab-md {
    display: none !important;
}
.d-bis-md {
    display: inline !important;
}

@media (min-width: 992px) 
{ 
    .d-ab-md {
        display: inline !important;
    }
    .d-bis-md {
        display: none !important;
    }
}