/* ###################################################### */
/* Folgende Bereiche werden bei Iphone & Co. ausgeblendet */
/* ###################################################### */
/* ------------------------------- */
/* Blog für Bildschirme bis 768px  */
/* ------------------------------- */

.hide-mobile,
.sigplus-gallery{
         display                 : none;
         }

/* ------------------------ Ende ----------------------- */

.container {
         width                   : 100%;
         margin                  : 0 auto;
}





article {
         float                   : left;
         padding                 : 1.5em 2em 2em 2em; /* oben rechts unten links */
         }

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

aside {
         width                   : 100%;
         float                   : right!important;
         }



/* #######################################*/
/*        Logo-Anzeige im Header          */

header   {
         height                  : 15em;
         width                   : 100%;
}

header {
         font-family             : 'Courgette';
         text-align              : center;
         background              : #005F00;
         }

@media (max-width: 450px) {
/* CSS-Styles, die nur auf Bildschirmen bis 449 Pixel Breite angewendet werden */

.logo-right {
         width                   : 100%;
         padding-top             : 1em;
         font-size               : 200%;
}

.logo-right .moduletable-header img{
         width                   : 40%!important;
         height                  : auto!important;
}

}

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

.logo-right {
         width                   : 100%;
         padding-top              : 1em;
         font-size               : 220%;
 }

.logo-right img{
         width                   : auto!important;
         height                  : 80%!important;
}
         }

/* #######################################*/
/*            Footer Abstände             */
@media (max-width: 510px) {
/* CSS-Styles, die nur auf Bildschirmen bis 450 Pixel Breite angewendet werden */
.footer-left {
         padding                 : 1em 2em;
         width                   : 100%;
         text-align              : center;
         }

.footer-center {         }

.footer-right {
         padding                 : 1em 2em;
         width                   : 100%;
         text-align              : center;}
}

@media (min-width: 510px) {
/* CSS-Styles, die nur auf Bildschirmen bis 600 Pixel Breite angewendet werden */
.footer-left {
         padding                 : 1em 2em;
         width                   : 68%;
         text-align              : left;
         float                   : left;
         }

.footer-center {         }

.footer-right {
         padding                 : 1em 2em;
         width                   : 30%;
         text-align              : right;
         float                   : right;                  }
}
/* #######################################*/
/*      Bilderanzeige bei Fließbildern    */

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

.main-body img,
.easy_img_caption img,
.Bild_links img{
         width                   : 80%!important;
         height                  : auto!important;
}

.easy_img_caption {
         width                   : 100%!important;
         }

.Bild_links {
         display                 : block!important;
         text-align              : center!important;
         margin                  : 0.5em auto 1em auto!important;
}

.Bild_rechts {
         display                 : block!important;
         text-align              : center!important;
         margin                  : 0.5em auto 1em auto!important;
}
.Bild_mitte {
         display                 : block!important;
         text-align              : center!important;
         margin                  : 0.5em auto 1em auto!important;
}
}

@media (min-width: 450px) {
/* CSS-Styles, die nur auf Bildschirmen bis 450 Pixel Breite angewendet werden */
.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 --------------- */

article img {
         max-height              : 400px;
         max-width               : auto;
         }



.Aktuelles {
         border                  : 2px dotted #005F00;
         padding                 : 0.75em;
         margin                  : 0.5em 1.5em 1.5em 1.5em;
         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%;}

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

    }

.moduletable-galerie {
         padding-top      : 1em;
         }

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

.phone {
         display         : none;
         }

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

}

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

.desktop {
         display         : none;
         }

.Wohnung .visCSSinput{
         width : 30%!important;
         float: left!important;
         margin-top:0.5em;
         text-align:left;}

.Wohnung label {
         width : 65%!important;
         float: left!important;
         margin-top:0.5em;}

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

}
.breadcrumbs {margin-left: 1em;}
.breadcrumbs ol {
margin: 0.5em 0;
    padding-inline-start: 0px;
}
.breadcrumb {
  flex-wrap: wrap;
  list-style: none;
  display: flex;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--breadcrumb-item-padding-x);
}


.breadcrumb-item.active {
  color: var(--breadcrumb-item-active-color);
}

.breadcrumb-item + .breadcrumb-item:before {
  float: left;
         font-family     : "FA-Solid";
  content: '\00a0\00a0\f105\00a0\00a0';
  font-size: 80%;
padding-top: 0.2em}