/* */
/*  Farbe ROT :       #C5263A!important;   /* rot */
/*  Farbe Organge:    #FFAE00!important;  /* orange */
/* */
/* ############################################*/
/*      Einbindung von externen Schriften      */
/* ############################################*/
@font-face {
    font-family: 'Courgette';
    src:   url('../font/Courgette/Courgette-Regular.woff2') format('woff2'),
        url('../font/Courgette/Courgette-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('../font/OpenSans/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'FA-Solid';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../font/fontAwesome/fa-solid-900.woff2") format("woff2"),
   url("../font/fontAwesome/fa-solid-900.woff") format("woff"); }

@font-face {
         font-family             : 'Genericons';
         src                     : url('Genericons.eot');
}

/* ##################################################*/
/* Start: Wichtige Einstellung für den Sticky Footer */
* {
         margin                          : 0;
         padding                         : 0;
         box-sizing                      : border-box;
         }

.clearfix:after {
         content                         : ".";
         clear                           : both;
         display                         : block;
         visibility                      : hidden;
         height                          : 0px;
}


html, body {
         height                          : 100%;
}

html {
        /* scrollbar fix (prevent ugly left pull for lower content sites) */
        overflow-y                       : scroll;
}

.container {
         display                         : table;
         height                          : 100%;
}
.block {
         display                         : table-row;
         height                          : 1px;
}
.push {
         height                          : auto;
}
/* ---------------------- ENDE --------------------- */
/* ##################################################*/




/* ############################################*/
/*           Allgemeine Formatierung           */
/* ############################################*/
body {
         font-family                     : 'Open Sans', sans-serif, Helvetica, sans-serif;
         line-height                     : 1.5;
         font-size                       : 15px;
         }

header {
         text-align                      : center;
         }

article {
         float                           : left;
         }

footer {
         width                           : 100%;
}


/* ################################################################# */
/* Abstände, Schriftgrößen für Auflistungen, Tabellen, Überschriften */
/* ################################################################# */

/* Absätze */
p {
         margin                          : 0;
         padding                         : 0;
         }

/* Listen */
article ul,
article ol {
         margin                          : 0 3em;
}

article ul li,
article ol li {
         margin                          : 0.4em 0;
         padding-left                    : 1em;
         }

/* Überschriften */
.page-header h1,
.page-header h2,
#visformcontainer h1{
         font-family                     : 'Courgette';
         margin                          : 0em 0 0.5em 0;   /* oben rechts unten links */
         padding                         : 0;
         font-size                       : 175%;
         text-align                      : center;}

.blog h2 a {
         font-family                     : 'Courgette';
         margin                          : 0em 0 0.5em 0;   /* oben rechts unten links */
         padding                         : 0;
         font-size                       : 130%;
         text-decoration                 : none;
         color                           : #005F00;}


article h1,
article h2 {
         font-family                     : 'Courgette';
         margin                          : 1em 0 0.25em 0;   /* oben rechts unten links */
         padding                         : 0;
         font-size                       : 135%;
         border-bottom                   : 2px dotted #005F00;          }

article h3,
article h4 {
         margin                          : 0.75em 0 0.25em 0;   /* oben rechts unten links */
         padding                         : 0;
         font-size                       : 125%;
         border-bottom                   : 1px solid #005F00;
         }

article h5,
article h6 {
         margin                          : 0.65em 0 0.25em 0;   /* oben rechts unten links */
         padding                         : 0;
         font-size                       : 110%;
         }

/* Tabellen */
article table,
article th,
article td {
         border-collapse                 : collapse;
         border                          : 1px solid #AFAFAF;
}

article th,
article td {
         padding                         : 0.2em 1em 0.2em 1em;   /* oben rechts unten links */
         vertical-align                  : top;
         }

article .Tabellen-Ueberschrift {
         font-size                       : 125%;
         background                      : #0070C0;
         color                           : white;
         text-align                      : center;
         }

article td ul,
article td ol {
         margin                          : 0 1.1em;
}

.Preise-Wohnung table {
         border-collapse                 : collapse;
         border                          : 1px solid #005F00;
}
.Preise-Wohnung th,
.Preise-Wohnung td {
         border-collapse                 : collapse;
         border                          : 1px solid #005F00;
}


.belegung table {
         border-collapse                 : collapse;
         border                          : 1px solid #005F00;
         text-align                      : center; }
.belegung th,
.belegung td {
         padding                         : 0.15em 0.15em 0.15em 0.15em;   /* oben rechts unten links */
         border-collapse                 : collapse;
         border                          : 1px solid #005F00;
         font-size                       : 13px;
}
tr.belegung-ueberschrift {
         font-size                       : 125%;
         background                      : #FFCC66;
         color                           : #005F00;
         text-align                      : center;
         font-weight                     : bold;}


td.belegung-wohnung  {
         width                           : 3em;
         text-align                      : center;         }


/******************************************************/
/** Formatierung Bilder im Content-Bereich ************/
/******************************************************/
/** HINWEIS: im Plugin "EasyImageCaption" den Befehl **/
/** "Bild-Klassen kopieren" auf "JA" und  *************/
/** "Internes Styling" auf "AUS" schalten *************/
/******************************************************/
.easy_img_caption{
         display                 : inline-block!important;
         line-height             : 0.5;
         vertical-align          : middle;
         text-decoration         : none !important;
         border                  : 0px;
         background-color        : transparent !important;
        }
.easy_img_caption img{
         border                  : 5px solid #BFBFBF!important;
        }
.easy_img_caption_inner{
         display                 : inline-block !important;
         width                   : 100% !important;
         text-align              : center !important;
         background-color        : transparent !important;
         padding-top             : 5px !important;
         padding-bottom          : 5px !important;
         padding-left            : 4px !important;
         padding-right           : 4px !important;
         text-decoration         : none !important;
         border-top              : 0px;
}


/* ###################################################### */
/*                Allgemeine Farben                       */


body {
         color                           : #005F00;
         background-color                : #FFEEBB;
         font-size                       : 15px;

        }

header {
         color                           : white;
         }

.container {
         background-color                : none;
}

.main-body {

}

.top,
footer {
         background                      : #FFCC66;
         color                           : #005F00;
}

footer a {
         color                           : #005F00!important;
         }

.blog h2 a {
         color                           : #005F00!important;   /* rot */
         text-decoration                 : none;
}
.blog h2 a:hover {
         text-decoration                 : underline;
}

a {
         color                           : #005F00;   /* rot */
         text-decoration                 : none;
}

a:hover,
a:focus {
         color                           : #FFAE00;
         text-decoration                 : underline;
}

article .Tabellen-Ueberschrift {
         background                      : #0070C0;
         color                           : white;
}

article img {
         border                          : 1px solid #6F6F6F;
         -webkit-box-shadow              : 5px 5px 3px rgba(0, 0, 0, 0.3);
         -moz-box-shadow                 : 5px 5px 3px rgba(0, 0, 0, 0.3);
          box-shadow                     : 5px 5px 3px rgba(0, 0, 0, 0.3);

         }

/* Bildunterschriften */
.easy_img_caption_inner{
         color                           : #00BF00!important;
         font-size                       : 12px !important;
         font-weight                     : bold!important;
         line-height                     : 1.5;
}



/* #############################################################*/
/* ####     Weiterlesen und Backbutton                  ######## */
/* #############################################################*/
p.readmore a,
.backbutton a  {

         }

p.readmore a:hover,
.backbutton a:hover  {

         }

/* #############################################################*/
/* ####                  Breadcrumbs                   ######## */
/* #############################################################*/

.breadcrumb {
         font-size               : 85%;
}

.breadcrumb > li,
.breadcrumb .divider  {
         color                   : #000000;
}

.breadcrumb  a {
         color                   : #005F00;
}
.breadcrumb  a:hover {
         color                   : #BF0000;
}

.breadcrumb > .active {
         color                   : #0070C0;

}

/* #############################################################*/
/* ####                 Buttons                        ######## */
/* #############################################################*/
input[type=submit],
button[type=submit],
.search-adressen .button {
         background-color                : #005F00!important;   /* rot */
         color                           : white;
         font-size                       : 16px;
         }


input[type=submit]:hover,
button[type=submit]:hover,
.search-adressen .button:hover {
         background-color                : #FFAE00!important;  /* orange */
         color                           : white;
         }


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



.blog-items {
         display:flex;
         flex-wrap: wrap;
         justify-content:space-between}

.blog-item {
         width : 30%;
         }

.item-content table {
         margin: 0 auto;
         }


/* ################################################################# */
/*               Seitenumbrüche   +  Weiter und Zurück               */
/* ################################################################# */
.com-content-category-blog__navigation {
         display                 :flex;
         flex-wrap               :wrap; }


.com-content-category-blog__counter {
         order           : 2;
         width           : 100%;
         display: none}


.com-content-category-blog__pagination {
         order           : 1;
         display         : flex;
         justify-content : center;
         width           : 100%;
         margin-top      : 1em;
         }

.pagination {
         margin-top      : 1em;
         text-align      : center;}

/* Schaltflächen die nicht anklickbar sind werden ausgeblendet */
.pagination__wrapper {
         display : flex;
         margin: 0;
         justify-content: space-around;
         }

.com-content-category__counter {
         text-align: center;
         }
.pagination__wrapper ul {
         display : flex;
         margin: 0;
         padding-inline-start: 0px;}
.pagination__wrapper ul > li{
         list-style: none;
         padding:0;
         margin: 0 .25em}

.pagination li.disabled ,
.pagination .counter {
         text-decoration      : none!important;
         background-color     : transparent;
         padding              : 0.35em 0.85em;
         border               : 0px solid #007F00;
         color                : #AFAFAF;
         border-radius        : 0.25em }

.pagination__wrapper ul > li > a{
         text-decoration      : none!important;
         background-color     : white;
         padding              : 0.35em 0.85em ;
         border               : 1px solid #007F00;
         color                : #007F00;
         border-radius        : 0.25em }


/* Schaltfläche die aktiv ist und Hover-Effekt*/
.pagination__wrapper ul > li > a:hover,
.pagination__wrapper ul > li > a:focus,
.pagination__wrapper ul > .active > a,
.pagination__wrapper ul > .active > span {
         background-color     : transparent;
         color                : #005F00!important;
         border               : 2px solid #007F00;
        }

/* Schaltfläche die aktiv ist */
.pagination__wrapper ul > .active > a,
.pagination__wrapper ul > .active > span {
         cursor          : default;
}
.icon-angle-left:before {
         font-family     : 'FA-Solid';
         content         : '\f053'!important ;
                  font-size: 80%;}

.icon-angle-double-left:before {
         font-family     : 'FA-Solid';
         content         : '\f100'!important ;
                  font-size: 80%;}


.icon-angle-right:before {
         font-family     : 'FA-Solid';
         content         : '\f054'!important ;
         font-size: 80%;         }

.icon-angle-double-right:before {
         font-family     : 'FA-Solid';
         content         : '\f101'!important ;
         font-size: 80%;}


.pagination a,
.pagination span {
         display                         : inline-block;
}






.preise table {
         width: 100%!important;
         }

.visforms input {
         background: white!important;}

.auswahl-label {
         text-align: left;
         }

.visBtnCon input[type=submit], .visBtnCon button[type=submit], .search-adressen .button {
    background-color: #005F00!important;
    color: white;
    font-size: 16px;
    padding: 0.7em 1.5em;
}


.visform > fieldset > div > label.Wohnung {
         width: 100%!important;}

div.Wohnung  {
         width: 200px;
         margin: 0 auto;}

div.Wohnung > label,
div.Wohnung > .inputbox {
         height: 30px;
         border: 0px solid black;
margin-top: 0px;
         margin-bottom: 0.5em!important;
         padding: 0}

div.Wohnung > .inputbox  {
        vertical-align: top!important;
}

[type="checkbox"] {
                 width: 20px;
        height: 20px;
        }

div.Wohnung input {
margin: 0!important}