/* ###################################################### */
/* Folgende Bereiche werden bei Iphone & Co. ausgeblendet */
.hide-desktop {
         display                 : none;
         }
/* ------------------------ Ende ----------------------- */

.container {
         width                   : 100%;
         max-width               : 100%;
         margin                  : 0 auto;

}
.top {
         background              : #FFCC66;
         }
header {
         font-family             : 'Courgette';
         text-align              : center;
         margin                  : 0 auto;
         background              : #005F00;
         }





/* ######################################### */
/* Darstellung des Grundlayouts bei Desktops */

@media (min-width: 1200px) {
/* CSS-Styles, die nur auf Bildschirmen ab einer Breite 1200 Pixeln angewendet werden */

.top {
         height                  : 400px;
       }

header {
         height                  : 400px;
         width                   : 1200px;
         }

.logo-left {
         height                  : 400px;
         width                   : 60%;
         float                   : left;
         overflow                : hidden;
         border-right            : 15px solid #FFEEBB;
         border-left             : 15px solid #FFEEBB;
         }


.logo-right {
         height                  : 400px;
         width                   : 39%;
         float                   : right;
         text-align              : center;
         padding-top             : 95px;
         border-right            : 15px solid #FFEEBB;
        }



.main-body  {
         margin-top              : 2em!important;
}
.logoheader p {
         font-size               : 3em; }

.logoheader .text-small {
         font-size               : 2em!important;
         }
.logoheader img {
         opacity: 0.5;
         }


.main-body,
.suche,
#footer-text {
         width                   : 1170px;
         max-width               : 1170px;
         margin                  : 0 auto;
         }

}
/* ------------------------ ENDE -------------------- */


@media (min-width: 960px) and (max-width: 1200px) {
/* CSS-Styles, die nur auf Bildschirmen mit einer Breite zwischen 801 und 1024 Pixeln angewendet werden */

.top {
         height                  : 300px;
       }

header {
         height                  : 300px;
         width                   : 100%;
         }

.logo-left {
         height                  : 300px;
         width                   : 60%;
         float                   : left;
         overflow                : hidden;
         border-right            : 15px solid #FFEEBB;
         border-left             : 15px solid #FFEEBB;
         }


.logo-right {
         height                  : 300px;
         width                   : 39%;
         float                   : right;
         text-align              : center;
         padding-top             : 35px;
         border-right            : 15px solid #FFEEBB;
        }

.main-body  {
         margin-top              : 2em!important;
}
.logoheader p {
         font-size               : 2.8em; }

.logoheader .text-small {
         font-size               : 1.8em!important;
         }
.logoheader img {
         opacity: 0.5;
         }


.main-body,
.suche,
#footer-text {
         width                   : 95%;
         max-width               : 100%;
         margin                  : 0 auto;
         }


}

/* ------------------------ ENDE -------------------- */
@media (max-width: 960px) {
/* CSS-Styles, die nur auf Bildschirmen mit einer Breite zwischen 801 und 1024 Pixeln angewendet werden */
.main-body,
.suche,
#footer-text {
         width                   : 100%;
         max-width               : 100%;
         margin                  : 0 auto;
         }

.logo-left {
         height                  : 300px;
         width                   : 60%;
         float                   : left;
         overflow                : hidden;
         border-right            : 15px solid #FFEEBB;
         border-left             : 15px solid #FFEEBB;
         }


.logo-right {
         height                  : 300px;
         width                   : 39%;
         float                   : right;
         text-align              : center;
         padding-top             : 25px;
         border-right            : 15px solid #FFEEBB;
        }





}
/* ------------------------ ENDE -------------------- */



.suche {
         float                   : right;
         width                   : 25%;
}

.suche .moduletable {
         margin-top              : 0.5em;
         }

#mod-search-searchword {
         height                  : 1.5em;
         }








/* ------------------------ ENDE -------------------- */

#left{
         float                   : left;
         width                   : 20%;
}

.menu-normal{
         float                   : left;
         width                   : 99%;
         }

article.col_1 {
        width                    : 100%;
}
article.col_2 {
        width                    : 80%;
}
article.col_3{
        width                    : 60%;
}

#right{
         float                   : right;
         width                   : 18%;
         }

#article-format {
         padding                 : 0em 2em 2em 3em; /* oben rechts unten links */
}

.Aktuelles {
         border                  : 2px dotted #005F00;
         padding                 : 0.75em;
         text-align              : center;
         background              : #FCF1D1;}

.Aktuelles h3 {
         font-family             : 'Courgette';
         font-size               : 1.5em;
         padding-top             : 0.5em;
         padding-bottom          : 1em;
         text-align              : center;
         letter-spacing          : 0.15em;
         }

.Aktuelles a {
         line-height: 3;
         font-weight: bold;
         font-size: 120%;}


/* #######################################*/
/*            Footer Abstände             */
.footer-left {
         float                   : left;
         padding                 : 1em 2em;
         }

.footer-center {         }

.footer-right {
         float                   : right;
         padding                 : 1em 2em;
         }



/* #######################################*/
/*      Bilderanzeige bei Fließbildern    */
.Bild_links {
        float                    : left;
        margin-right             : 1.5em!important;
        text-align               : center;
}

.Bild_rechts {
        float                    : right;
        margin-left              : 1.5em!important;
        text-align               : center;
}
.Bild_mitte {
         display                 : block!important;
         text-align              : center!important;
         margin                  : 0px auto!important;
}

/* -------------- ENDE --------------- */




/* ########################################### */
/*           Boxen für die Ansprechpartner     */
@media (max-width: 789px) {
/* CSS-Styles, die nur auf Bildschirmen bis 600 Pixel Breite angewendet werden */

[class*="box"] {
         text-align              : center;
         margin-bottom           : 1em;
         padding                 : 1em;
}

[class*="box"] img{
         width                   : 100%;
         height                  : auto;
}

.box-1-1 {
         float                   : left;
         width                   : 49%;
}

.box-1-2 {
         float                   : right;
         width                   : 49%;
}

.box-2-1 {
         float                   : left;
         width                   : 33%;
}

.box-2-2 {
         float                   : left;
         width                   : 33%;
}

.box-2-3 {
         float                   : right;
         width                   : 33%;
}
}

@media (min-width: 789px) {
/* CSS-Styles, die nur auf Bildschirmen bis 600 Pixel Breite angewendet werden */

[class*="box"] {
         text-align              : center;
         margin-bottom           : 0.5em;
         padding                 : 1em;
}

[class*="box"] img{
         width                   : 80%;
         height                  : auto;
         display                 : block;
         margin                  : 0.5em auto;

}

.box-1-1 {
         float                   : left;
         width                   : 49%;
}

.box-1-2 {
         float                   : right;
         width                   : 49%;
}

.box-2-1 {
         float                   : left;
         width                   : 33%;
}

.box-2-2 {
         float                   : left;
         width                   : 33%;
}

.box-2-3 {
         float                   : right;
         width                   : 33%;
}
}
/* -------------------- ENDE -------------------- */

.boxplus-paging {
         display:none;
         }

@media (max-width: 1200px) {

.moduletable-frame iframe {
        -ms-zoom: 0.75;
        -moz-transform: scale(0.75);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.75);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.75);
        -webkit-transform-origin: 0 0;

    }
}

@media (min-width: 1200px) {

.moduletable-frame iframe {
        -ms-zoom: 0.85;
        -moz-transform: scale(0.85);
        -moz-transform-origin: 0 0;
        -o-transform: scale(0.85);
        -o-transform-origin: 0 0;
        -webkit-transform: scale(0.85);
        -webkit-transform-origin: 0 0;

    }
}
/* ###############################################*/
/* --------------- Formular ----------------- */

.Wohnung .visCSSinput{
         width : 10%!important;
         float: left!important;
         margin-top:1em;}

.Wohnung label {
         width : 75%!important;
         float: left!important;
}

.input-append input{

         float: left!important;
         margin-top:0.65em;
}

.input-append .btn {
         float: left!important;
         margin-top:1em!important;
}
.visform select,
.visform textarea {
         background:white!important;
         }

.phone {
         display         : none;
         }