/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 300;
  src: url('webfonts/ubuntu-v20-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/ubuntu-v20-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/ubuntu-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/ubuntu-v20-latin-300.woff') format('woff'), /* Modern Browsers */
       url('webfonts/ubuntu-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/ubuntu-v20-latin-300.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 500;
  src: url('webfonts/ubuntu-v20-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/ubuntu-v20-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/ubuntu-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/ubuntu-v20-latin-500.woff') format('woff'), /* Modern Browsers */
       url('webfonts/ubuntu-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/ubuntu-v20-latin-500.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 700;
  src: url('webfonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('webfonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
}

/* libre-baskerville-regular - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: normal;
  font-weight: 400;
  src: url('webfonts/libre-baskerville-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/libre-baskerville-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-baskerville-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-baskerville-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-baskerville-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-baskerville-v14-latin-regular.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}
/* libre-baskerville-italic - latin */
@font-face {
  font-family: 'Libre Baskerville';
  font-style: italic;
  font-weight: 400;
  src: url('webfonts/libre-baskerville-v14-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('webfonts/libre-baskerville-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfonts/libre-baskerville-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfonts/libre-baskerville-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('webfonts/libre-baskerville-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('webfonts/libre-baskerville-v14-latin-italic.svg#LibreBaskerville') format('svg'); /* Legacy iOS */
}


body, html {
  margin:0; padding:0;
}
/*

font-family: 'Ubuntu', sans-serif;
font-family: 'Libre Baskerville', serif;
*/


body {
    font-family: 'Ubuntu', sans-serif;
    font-size: 17px;
    color: #363636;
    -webkit-text-size-adjust: none;
}

img {
  border:0;
}

a {
  color:#363636;
}

p,ul {
  margin-top:26px; margin-bottom:26px;
}

h1 { font-family: 'Libre Baskerville', serif; font-style: italic;
  color:#e53138; font-size:35px;  font-weight: normal; text-align: center; margin-top: 40px; margin-bottom:43px;   line-height: 130%;
}


h2 {
  color:#e53138; font-size: 20px; font-weight: normal; text-transform: uppercase;
}

.bildrechts {
  float: right; margin-left:20px; margin-bottom:10px;
}

.ue1 {
  font-size:21px; text-align: center;  text-transform: uppercase; margin-top:46px;
}

.ue2 {
  font-size:17px; text-align: center;  font-family: 'Libre Baskerville', serif; font-style: italic;
}

.trenner_klein {
  width:57px; border-bottom: 1px #363636 solid; margin: 0 auto; margin-top:35px; margin-bottom:0px;
}

#wirueberuns h2 {
  padding-left:40px; margin-top:0px; margin-bottom:7px;
}

.balken {
   border-top: 1px #C4C4C4 solid; padding-top:20px; padding-bottom:20px;
  border-bottom: 1px #C4C4C4 solid; margin-bottom:40px;
}

#logo320 {
  display: none;
}

 .objekttabelle {
                                                           border:0; border-collapse: collapse; padding:0; margin:0;
                                                           float:left; margin-left:20px; width:360px; line-height: 100%;
                                                      }

                                                      .objekttabelle td {
                                                           width:180px; vertical-align: top; padding-right:15px; padding-top:5px; padding-bottom:5px;
                                                      }

                                                      .icon_haus {
                                                        width:66px; height:62px; background-image: url(hi_icons_hobisch.png); background-repeat: no-repeat;
                                                        background-position: -700px -500px; margin-left:42px; margin-right:52px; float: left; margin-top:40px;
                                                      }

                                                      .icon_haken {
                                                        width:66px; height:62px; background-image: url(hi_icons_hobisch.png); background-repeat: no-repeat;
                                                        background-position: -900px -500px; margin-left:42px; margin-right:52px; float: left;  margin-top:40px;
                                                      }


.text_klein {
  font-size:11px; text-align: right; margin-top:-40px;
}

.klein {
  font-size:11px;  font-weight: normal;
}

h4 {
  font-size:20px; text-transform: uppercase;font-weight: normal; text-align: center; margin-top:48px; margin-bottom:48px;
}

/****************************************************************************************/

.wrapper {
  width:920px; margin:0 auto;
}

.clearer {
  clear: both;
}

.center {
  text-align: center;
}

.mehr {
   text-align: center; display: inline-block; padding:4px; color:#e53138; border: 1px #e53138 solid; border-radius: 4px; text-decoration: none;
   text-transform: uppercase; font-size:19px; font-weight: 300; padding-left:20px; padding-right:20px; margin-top:40px; margin-left:auto; margin-right:auto;
}

/****************************************************************************************/

#header {
  position: relative; height:178px;
}

#header .wrapper {
  width:940px; position: relative;
}

#logo {
  margin-left:15px;
}



#telefon {
   position: absolute; left:50%; top:37px; margin-left: 206px;
   font-size:30px; font-weight: bold; color:#515151;  background-image: url(hi_icons_hobisch.png); background-repeat: no-repeat;
   padding-left:35px;  background-position: 1px 6px; z-index:100;
}

#begruessung {
  font-weight: bold; font-size:30px; color:#fff; text-align: center;
  position: absolute; margin-top: -303px;  text-transform: uppercase; width:500px; left:50%; margin-left:-250px;
}

#begruessung span {
  font-size:60px; color:#e53138;
}

#unsere_projekte {
    position: absolute; margin-top: -90px;  width:150px;  text-transform: uppercase; color:#fff; text-align: center;
    background-image: url(hi_unsere_projekte.png);  background-repeat: no-repeat; background-position: center 38px; height:90px;
    left:50%; margin-left:-75px; font-weight:500;  display: block; text-decoration: none; font-size:16px;
}

#clock {
       position: absolute; color:#fff; margin-top:-32px;
       font-family: 'Libre Baskerville', serif; font-size:13px; font-style: italic;
       left:50%; margin-left: 260px;
}


/****************************************************************************************/
#bildgross {
  width:900px; margin:0 auto;
}

#bildgross img {
  width:100%;
}

.startseite #full-width-slider {
  height:490px;
}


.contentseite #sliderContainer {
  width:900px; margin:0 auto;
}

/****************************************************************************************/
#immobilien {
  background-color: #EBEBEB;  padding-bottom:90px;
}

#immobilien .wrapper {
  width:960px;
}

#filter {
  background-color: #fff; padding:25px; padding-left:0px; padding-right:0px;
}

/****************************************************************************************/

.objekt {
                              width:310px; height:301px; display: block; overflow:hidden; text-decoration: none; color:#363636;
                              position: relative; margin-left:5px; margin-right:5px; margin-bottom:10px; float:left; font-size:16px;
                            }

                            .o1 {
                               width:310px; height:301px; overflow:hidden; background-color: #fff; position: relative;
                            }

                            .bildcontainer {
                              width:310px; height:212px; overflow:hidden;
                            }

                            .bildcontainer img {
                              
                            }

                            .zimmer {
                              position: absolute; top:10px; left:9px; z-index:1000;font-size:13px; font-weight: 500;  text-transform: uppercase;
                            }

                            .zimmer div {
                              width: 30px; height:30px; background-image: url(hi_icons_hobisch.png);
                               background-position: -300px -200px; padding-left:10px; padding-top:3px; margin-left:11px;
                               font-size:18px; font-weight: 500;
                            }

                            .o2 {
                              position: absolute; top:139px; right:9px; text-align: right;
                            }

                            .o2 span {  background-color: #fff; padding:0px;

                            }

                            .o21 {
                              color:#e53138; font-size:26px; font-style:italic; font-family: 'Libre Baskerville', serif;font-style: italic;
                              display: inline-block; margin-bottom:5px;
                            }

                            .o22 {
                              font-size:16px; font-style:italic; font-family: 'Libre Baskerville', serif; font-style: italic;
                              display: inline-block; padding-top:2px; padding-bottom:2px;
                            }

                            .o3 {
                              padding-top:12px; padding-left:20px; padding-right:20px; text-align: center;
                            }

                            .objekt:hover .o4 {
                               position: absolute; top:0px;  background-color: #E53138; padding:13px;
                               height: 301px; color:#fff; z-index: 1002; width: 284px;
                            }

                            .o5 {
                              border:1px #fff solid; padding:20px; padding-bottom:0px; height: 253px;
                            }

                            .o5 h5 {
                              font-size:20px; font-weight: bold; text-transform: uppercase; margin-top:0px; margin-bottom:23px;
                              text-align: center;
                            }

                            .o5a {
                                height:205px;
                            }

                            .o6 {
                                  font-style:italic; font-family: 'Libre Baskerville', serif; padding:8px; font-style: italic;
                            }

                            .o7 {
                              color:#363636; text-decoration: underline; text-align: center;  margin-top:4px; font-family: 'Libre Baskerville', serif;font-style: italic;
                            }



/****************************************************************************************/

#schraege_oben {
  width:100%; padding-bottom:25px;
}

#schraege_unten {
  width:100%;
}

/****************************************************************************************/



#grauunten {
  background-color: #EBEBEB; padding-top:50px; text-align: center;
}

#grauunten .wrapper { width:960px; }

#schraege_text {
   width:100%;  vertical-align: bottom;
}

#grauunten ul {
  margin:0;padding:0; list-style: none;
}

#grauunten ul li {
  margin:0;padding:0;  display: inline-block;
}

#grauunten ul li a{
  color: #363636; display: block; width:240px; padding-top:120px; background-image: url(hi_icons_hobisch.png); background-position: 0px -700px; background-repeat: no-repeat;
  text-decoration: none; text-transform: uppercase; margin-left:37px; margin-right:37px; margin-bottom:50px;  font-size: 20px;
}

#grauunten span {
  border: 1px #363636 solid; display: block; text-align: center; padding:4px; border-radius:4px;
}

#grauunten ul li a#grau_link1 {

         background-position: -1029px -700px;
}

#grauunten ul li a#grau_link2 {
           background-position: 78px -700px;

}

#grauunten ul li a#grau_link3 {
        background-position: -727px -678px;
}

#grauunten ul li a#grau_link4 {


        background-position: -317px -700px;
}

/****************************************************************************************/
#wirsuchen {
  background-color: #363636; color: #fff; text-align: center;  padding-bottom:70px;  line-height: 150%;
}

#wirsuchen ul {
  list-style-position: inside;
}

/****************************************************************************************/
#wirueberuns {
   padding-bottom:60px;  line-height: 150%;
}

.contentseite #wirueberuns {
   padding-top:30px;
}

/****************************************************************************************/

/****************************************************************************************/

/****************************************************************************************/

/****************************************************************************************/

#kontakt {
  text-align: center; padding-top:0px;
}

#kontakt .wrapper {
  width:960px;
}

.spalte3 {
  width:300px; display: inline-block; padding-top:139px; background-image: url(hi_icons_hobisch.png); background-repeat: no-repeat;
  background-position: 90px -300px; height: 60px; vertical-align: top; margin-left:10px; margin-right:10px;
  font-size:19px;  font-style: italic; font-weight: 300; margin-top:18px; margin-bottom:47px;
}

.spalte3 a {
     text-decoration: none; color:#363636;
}

#k2 {
  background-position: -410px -300px;
}

#k3 {
  background-position: -910px -300px;
}

/****************************************************************************************/
#kontaktformular {
  background-image: url(hi_kontakt.png); background-repeat: repeat-x; background-position: center bottom;
  text-align: center; padding-bottom:100px;
}

#kontaktformular .wrapper {
  width:500px;
}

#kontaktformular h4 {
  margin-bottom:14px;
}

#kontaktformular input, #kontaktformular textarea {
  width:420px; padding:17px; border: 1px #969696 solid; border-radius:4px; color:#969696; margin-bottom:16px;
  font-family: 'Libre Baskerville', serif; font-size:16px; padding-top:15px; padding-bottom:15px; font-style: italic;
}

#kontaktformular textarea {
  height: 187px;
}

#kontaktformular #senden {
   background-color: #363636; color:#fff; text-transform:uppercase; font-family: 'Ubuntu', sans-serif;   font-style: normal; font-size:20px;
   width:auto; padding:10px; padding-top:0px; padding-bottom:2px; margin-top:10px;
}

/****************************************************************************************/
#footer {
  background-color: #E53138; color:#fff;  text-align: center; padding-top:1px;
}

#footer a {
  text-decoration: none; color:#fff;
}

.nachoben {
   text-indent: -9999px; display: block; background-image: url(hi_icons_hobisch.png); background-repeat: no-repeat;
   background-position: 0px -500px; width:165px; height:97px; margin:0 auto;  margin-top:-18px;
}

#footer .copyright {
  font-size:18px; font-weight: bold; text-transform: uppercase; display: inline-block; margin-bottom:16px; margin-top:10px;
}

#footer .footerlinks {
    font-family: 'Libre Baskerville', serif;
 font-style: italic;  font-size: 16px;
}

#footer .webdesign {
  font-size: 10px; margin-top:16px; margin-bottom:23px;display: inline-block; font-family: 'Libre Baskerville', serif;
 font-style: italic;
}

/****************************************************************************************/

#hellgrau {
            background-color: #EBEBEB;  padding-top:30px;
          }

          #hellgrau .wrapper {
            width:916px;
          }

          .bild {
            vertical-align: bottom; margin:7px;
            display: block; width:291px; height: 239px; overflow: hidden; float:left;
            position: relative;
          }

          .bild img {
             height:314px;
          }



          .bild:hover .hover {
            position: absolute; margin: 20px; border: 1px #fff solid; top:0px;
            width:249px; height: 197px;  background-image: url(hi_bild.png); background-repeat: no-repeat; background-position: center center;
          }



          .bild.bild_2x1 {
              width:596px;
          }

          .bild.bild_2x1 img {
             width:596px;  height: auto;
          }

          .bild.bild_2x1:hover .hover  {
              width:554px;
          }
#preisbox {
  width:200px; float:right;  text-align: center;  background-image: url(hi_icons_hobisch.png); background-position: -432px -433px; padding-bottom:20px; margin-top:40px;
}

.preis {
   font-family: 'Libre Baskerville', serif;font-style: italic;
  color:#e53138; font-size:35px; margin-bottom:10px;
}

.flaeche {
     font-family: 'Libre Baskerville', serif; font-size:22px;font-style: italic;
}

/****************************************************************************************/
#filter {
                            font-size:18px;
                      }

                      #objektsuche {
                        float: left;
                      }

                      #objektsuche span {
                        margin-left:6px; margin-right:6px;
                      }

                      #filter label {
                         font-family: 'Libre Baskerville', serif; margin-left:10px; margin-right:10px; cursor: pointer;font-style: italic;
                      }

                      #filter #label_typ2 {margin-left:30px; }

                      #filter_menu {
                        float:left; text-decoration: none; margin-right:10px; margin-left:30px; margin-bottom:10px;
                      }

                      #filter_entfernen {
                         font-family: 'Libre Baskerville', serif;  text-decoration: none;  margin-left:10px; margin-right:10px;font-style: italic;
                      }

                      .cl {
                        color: #e42d39;
                      }

                      .hidden {
                        display: none;
                      }
                      #keinetreffer {
                        padding:25px; color: #e42d39; text-align:center;font-family: 'Libre Baskerville', serif;font-style: italic;
                      }
/****************************************************************************************/
.fehlermeldung {
  font-family: 'Libre Baskerville', serif; font-style: italic;
  color:#e53138; margin-bottom:10px; margin-top:-80px; background-color: #fff; padding:2px; display: block; position: absolute;
  margin-left:40px; font-size: 14px;
}

          input[type=checkbox] + .fehlermeldung {
              margin-left:0px;
              margin-top:-62px;
              padding:8px;
              padding-left:2px;
          }

#msg {
    font-family: 'Libre Baskerville', serif; font-style: italic; color:#e53138;
}

/****************************************************************************************/
.tabelle {

}

.tabelle p {
  margin:0;
}

.tabelle td { padding-right:30px;

}

#wirueberuns input, #wirueberuns textarea {
  width:420px; padding:17px; border: 1px #969696 solid; border-radius:4px; color:#969696; margin-top:16px; margin-bottom:16px;
  font-family: 'Libre Baskerville', serif; font-size:16px; padding-top:15px; padding-bottom:15px; font-style: italic;
}

#wirueberuns input[type=checkbox] {
  width:auto; margin:0;
}

/****************************************************************************************/

/****************************************************************************************/