@charset "UTF-8";
/* Insert your custom CSS styles */

/*colors:
    red: #C10841;
border-red-top: #DB5382;
border-tabs: #4C545F;
lightgrey-background: #F2F2F2;
tab-schrift: #666666;
Überschriften: #333333;
*/

body,p{
    font: 14px/1.42857143 'Arimo', sans-serif;        
}
h1, h2, h3{
    font-family: 'Oswald', sans-serif;
}
h2 {
    font-size: 24px;
}

h3{
    font-size: 34px;
}

h4{
    font-size: 17px;
}

body.fixed-header{
   padding-top: 104px;
}
header#gz-header{
   border-top: 9px solid #DB5382;
   z-index: 1030;
}

body.blue header#gz-header{
   border-color: #008995;
}

body.yellow header#gz-header{
   border-color: #EDB700;
}
.fixed-header.hidden-top.visible-top .header-wrapper, 
.fixed-header.fixed .header-wrapper{
   -webkit-box-shadow: none;
  -moz-box-shadow: none;
   box-shadow: none;
}
.fixed-header .page-box{
    padding-top: 0;
}

.header .primary .navbar .nav > li > a{
    text-transform: uppercase;
    font-size: 13px;
}

#gz-header .header .primary{
    margin-left: 50px;
}

.header .logo img{
    width: 100%;
    padding-left: 30px;
}

.header .logo,
.header .right-box-wrapper{
    height: 90px;        
}

.header-icons .language-switcher-locale-url{
    padding-left: 20px;
    margin: 0
}
.header .header-icons{
      border-left: 1px solid #D6D6D6;
      margin: 17px 0;
}
.header-icons .language-switcher-locale-url li{
    list-style: none;
    float: left;
}
.header-icons .language-switcher-locale-url .en{
     background: url('../img/language_english.png') no-repeat;   
     height: 27px;
}

.header-icons .language-switcher-locale-url .de{
     background: url('../img/language_german.png') no-repeat;   
     height: 31px;
}

.header-icons .language-switcher-locale-url a,
.header-icons .language-switcher-locale-url span{
    color: transparent;
}
#gz-header.header ul.nav > li.item-active > a{
    border-bottom: 2px solid #DB5382;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
     border-radius: 0px;     
}

body.blue #gz-header.header ul.nav > li.item-active > a{
    border-bottom-color: #008995;
}

body.yellow #gz-header.header ul.nav > li.item-active > a{
    border-bottom-color: #EDB700;
}

#gz-header.header ul.nav li ul > li.item-active > a{
    border-bottom: none;
    color: #DB5382;    
}
body.blue #gz-header.header ul.nav li ul > li.item-active > a{
    border-bottom: none;
    color: #008995;
}

body.yellow #gz-header.header ul.nav li ul > li.item-active > a{
    border-bottom: none;
    color: #EDB700;
}

.image_overlay{
    display: block;
}

#locale-language{
    display: none; /* for now workaround - because it is doubled in header and */
}

/*preparation for sublines */
.with-subtext .title{
  border-bottom: 1px solid #ddd;
  padding-bottom: 25px;
  width: 36%;
  margin: 0 auto;
}
.with-subtext + div > h4.title{
  background: #fff;
  width: 14%;
  margin: 0 auto;
  margin-top: -14px;
}

#home-galleries {
    padding-top: 80px
}

#home-galleries .only-gallery-column{
    margin: 50px 0 100px;
}

#home-galleries .pagination-box{
    text-align: center; 
}

#home-galleries .tabs {
    margin-top: 50px;
}
#home-galleries .tabs .nav-tabs{    
    margin: 0 auto;
    margin-bottom: 40px;
    width: 285px;
    border-bottom: none;
}
.nav-tabs > li > a{
    padding: 10px 40px 11px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover{
  border: 1px solid #4C545F;
  border-radius: 4px;
}

.content-block{
    position: relative;
}

/*Buttons*/
.btn.btn-link-type-2{
    border: 1px solid #fff;
    color: #fff;
}
.btn.btn-link-type-2:hover{
    color: #fff;
}


.logo-row{
      padding: 30px 0 0;
}

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

    .gz-main-slider::before{   
        content:'';
        background-image: url('../img/wave_slider_top.svg');
        background-repeat: repeat-x;
        top: 0;
        z-index: 999;
        height: 55px;
    }
    .gz-main-slider::after{
        content:'';
        background-image: url('../img/wave_slider_bottom.svg');  
        background-repeat: repeat-x;
        height: 91px;
        bottom: 0;
        z-index: 999;
    }
    
    .logo-row::before,
    .logo-row::after,
    #real-estates-row::before,
    #project-row::before,
    #project-row::after,
    .gz-main-slider::before,
    .gz-main-slider::after{    
        position: absolute;
        width: 100%;
        left: 0;
    }

    .logo-row::before{
        content:'';
        background-image: url('../img/wave_content.svg');              
        background-repeat: repeat-x;
        top: -45px;    
        height: 55px;
    }

    .logo-row::after{
        content:'';
        background-image: url('../img/wave_content_turqouise.svg');
        background-repeat: repeat-x;
        bottom: -62px;
        height: 64px;
    }
    .gz-breadcrumb .breadcrumb-box{
        margin-top: -5px;
    }
    .gz-breadcrumb{
        margin-top: 5px;
    }

    .gz-breadcrumb::before{       
        content: "";
        background-image: url('../img/wave_red.svg');  
        background-repeat: repeat-x;
        width: 100%;  
        height: 52px;
        display: inline-block;
    }
    
    body.blue .gz-breadcrumb::before{
        background-image: url('../img/wave_turquoise.svg');  
    }

    body.yellow .gz-breadcrumb::before{
        background-image: url('../img/wave_yellow.svg');  
    }
    
    #real-estates-row::before{
        content:'';
        background-image: url('../img/wave_red.svg');              
        background-repeat: repeat-x;
        top: -45px;    
        height: 55px;
    }
    
    #project-row::before{
        content:'';
        background-image: url('../img/wave_red.svg');
        background-repeat: repeat-x;
        top: -45px;
        height: 55px;
    }

    #project-row::after{
        content:'';
        background-image: url('../img/wave_content_gray.svg');
        background-repeat: repeat-x;
        bottom: -147px;
        height: 151px;
    }    
}

/*Top Slider*/

.gz-main-slider{
    position: relative;        
}

.gz-main-slider .md-bullets{
    z-index: 99;
    bottom: 20px;
}
.gz-main-slider .md-bullet{      
  height: 18px; 
  width: 18px;
  border: 1px solid #E0E0E0;
  background: white;  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  zoom: 1;    
}
.gz-main-slider .md-bullet a{
  height: 12px; 
  width: 12px;
  margin: 2px;
  background: #AAAAAA;
  display: block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  zoom: 1;
}

.gz-main-slider .md-bullet.md-current{
    background: black;
    border-color: black;
}
.gz-main-slider .md-bullet.md-current a{
    background: white;
}
.gz-main-slider .btn.btn-link{
    border: 1px solid white;
    padding: 10px 30px;
    width: 100%;
    height: 100%;    
    display: inline;
    color: #fff;
}
.gz-main-slider .btn.btn-link:hover{
    color: #fff;
}

.gz-main-slider .md-objects .md-object{
    line-height: 1;
}

.gz-main-slider span.paragraph{
          line-height: 1.5;
}

/*Backgrounds - margin & paddings*/ 

.odd-background{
    background-color: #F2F2F2;    
}
 #news-row{
    padding-top: 30px;   
 }
 #real-estates-row{
     text-align: center;
 }

 #real-estates-row .title {
     text-align: left;
 }
 
@media all and (min-width: 768px){
    .tall-background{
      padding-bottom: 170px;
      padding-top: 50px;
    }
    #real-estates-row{
       padding: 100px 0;
    }
    
    #social-media-row{
       padding: 100px 0 80px;
    }
    #news-row{
      padding-top: 130px;
      padding-bottom: 80px;
    }
    
}

.spire-icon{
    background-image: url('../img/spire_white.svg');      
    background-repeat: no-repeat;
    background-position: center 95%;
}

/*Aktuelles*/

#block-views-latest-posts-block-1 a.btn{
  position: absolute;
  top: -94px;
  right: 0;
}

#block-views-latest-posts-block-1 span.title a{
    font-size: 16px;
    font-weight: bold;
}
.view-one-last-post .views-field-title a,
.view-one-last-post .views-field-title a:hover{
    font-size: 26px;
    color: #000;
    margin-bottom: 15px;
    display: block;
}

.view-one-last-post .views-field-preview-image{
    margin-bottom: 20px;
}
.view-one-last-post .views-field-name,
.view-one-last-post .views-field-created{
    display: inline-block;      
    color: #7f7f7f;
    font-size: 11px;
    line-height: 18px;
    margin: 10px 0;    
}
.view-one-last-post .views-field-field-preview-image{
    margin-bottom: 30px;
}

/*Vermietung*/


.real-estate, .market{
/*    float: left;    */
    margin-right: -3px;
}

.real-estate .product-description{
      background: #fff;
      border: none;
}
.real-estate .product-hover{
  padding-top: 25px;
}

.real-estate .product-image{
  height: 265px;
  background-size: cover;
  background-position: center;
}
.real-estate .product-hover hr,
.sub-market .product-hover hr{
  margin: 15px 0;
  background-color: #fff;
}
.real-estate .product-hover .brief-description{
  font-size: 14px;
}
.real-estate .product-hover .btn,
.market .product-hover .btn{
  position: absolute;
  bottom: 20px;
  left: 77px;
  padding: 9px 38px;
  border-radius: 0;
}
.real-estate .product-hover .btn:hover,
.market .product-hover .btn:hover{
    text-decoration: underline;        
}
.real-estate .product-hover .product-name{
    font-size: 16px;
}
.real-estate .product-hover .field-content > p{
  line-height: 2;
 }
 
 #news-row .views-field-body img,
 #news-row .views-field-body .image_overlay{
     display: none;     
 }

#realEstateFullPage .product-description{
    background-color: #F2F2F2;
}
 
/* Marktplatz*/

#marketplace-row .marketplace-view{
    margin: 100px auto;
    text-align: center;
}

.market .image-overlay h5.title,
.market .product-hover h5.title{
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;                             
}
.market .default h5.title{
    margin: 60px 0 0 20px;
}
.market .image-overlay{
  height: 100px;
  width: 100%;
  position: absolute;  
  bottom: 0;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iIzE2MTYxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background : -moz-linear-gradient(50% 0% -90deg,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 1) 88.77%);
  background : -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 88.77%);
  background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(0, 0, 0, 0) ),color-stop(0.8877,rgba(0, 0, 0, 1) ));
  background : -o-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 88.77%);
  background: -ms-linear-gradient(top,  rgba(255,255,255,0) 4%,rgba(224,224,224,0) 15%,rgba(22,22,22,1) 87%,rgba(0,0,0,1) 95%); /* IE10+ */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 4%,rgba(224,224,224,0) 15%,rgba(22,22,22,1) 87%,rgba(0,0,0,1) 95%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
  
}
.market .product-hover{
  padding-top: 25px;
  text-align: center;
}
.market .product-hover .btn{
  position: absolute;
  bottom: 20px;
}
.sub-market{
    float: left;    
}
.sub-market .image-overlay-type-2{    
    height: 80px;           
    background: #F2F2F2;  
    padding: 10px 15px;
}
.sub-market .image-overlay-type-2 .title{    
    color: #000;
    font-weight: 300;
    font-size: 14px;
    margin-bottom: 0;
    width: 150px;
    float: left;
}
.sub-market .image-overlay-type-2 img{    
    max-width: 85px;
    float: right;
 }
 .sub-market.rotation .product-hover {
     background-color: #EDB700;
 }
 .sub-market.rotation .product-hover .title{
     font-size: 16px;
 }
 
 .sub-market-row{
     margin: 100px 0;
 }
 
.main .nd-region.with-background-image{     
    background-image: url('../img/spire_gray.svg');      
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 350px;
    padding-bottom: 200px;
 }
 
/* Kontaktform & Map*/
.map-box{
    margin-top: 20px;
    margin-bottom: 80px;        
}
.with-background-image .map-box{
    margin-bottom: 0;
}

#map-overlay{
    color: #fff;
    padding: 15px 20px;
    position: absolute;
    height: 300px;
    background: rgba(0,0,0,0.5);
    min-width: 300px;   
    width: 43%;
    top: 25%;
}

iframe.pinterest{
    margin: 0 auto; 
    display: block;
}

/*footer*/

footer aside nav ul.list{
    padding-left: 0;
}
footer aside nav ul li{
    list-style: none;    
}


/*modal*/

.modal-lg {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.modal-backdrop {
    background-color: #fff;
}

.modal-backdrop.in {
    opacity: 0.8;
}

/*Mobile Devices*/


@media all and (max-width: 767px){
    .gz-main-slider{
        margin-bottom: 30px;
    }
    .with-subtext .title{
        width: 100%;
    }
    .with-subtext + div > h4.title{
        width: 50%
    }
    #marketplace-row .marketplace-view{
        margin: 20px auto;
    }    
    #areamap svg{
        margin-top: -50px;
        margin-bottom: -10px;
    }
    .gz-main-slider span.headline{
        font-size: 110%;        
    }
    .gz-main-slider span.paragraph{
          line-height: 1;
          font-size: 7px;
          display: inline-block;        
    }
    .gz-main-slider a.btn.btn-link{
        padding: 3px 8px;
        font-size: 9px !important;
        line-height: 1;
    }
    .modal-lg {
        margin-top: 10%;
    }
}

@media all and (max-width: 555px){
    #areamap svg{
      margin-top: -120px;
      margin-bottom: -75px;
    }
}

@media all and (min-width: 768px ) and (max-width: 1200px){
    .sub-market.rotation .product-hover .title{
        font-size: 14px;
        margin-bottom: 10px;
    }
    .sub-market .image-overlay-type-2 .title{
        width: 110px;
    }
    .sub-market.rotation .product-hover .field-content{
        line-height: 1.3;
    }
    .sub-market.rotation .product-hover hr{
        margin: 10px 0;
    }
    .sub-market .image-overlay-type-2 img{
        max-width: 70px;
    }
    .market .product-hover{
        padding: 15px 15px 50px;
    }
    .market .product-hover h5.title,
    .market .image-overlay h5.title{
        margin-bottom: 7px;
        font-size: 18px;
    }
    .market .product-hover .btn{
        left: 48px;
    }
    .modal-lg {
        margin-top: 6%;
    }
}

.modal-backdrop.in {
    opacity: .8;
    background-color: #fff;
}

.modal-header .fa-close {
    font-size: 26px;
}

.modal-lg {
     width: 90%;
 }