/* ################################################################# */
/*   Ausblenden des Wortes "Details" sowie "Seite 1 von XY"          */
/*   Ausblenden der ToolTips                                         */
/* ################################################################# */
.article-info-term,
.pagenavcounter {
         display                         : none;
         }

.tip,
.hasTooltip{display:block!important}
.fade {display:none!important}

/* ################################################################# */
/*               Seitenumbrüche   +  Weiter und Zurück               */
/* ################################################################# */
.pagination {
         text-align      : center;
}

.pagination p.pull-right {
         float            : none;
         text-align      : center;
}

.pagination ul {
         display         : inherit;
         text-align      : center;
}

.pagination a,
.pagination span {
         float           : none;
         display         : inline-block;
}
.pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin: 0;
        padding: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;

}
.pagination ul > li {
        display: inline-block;
         padding: 0;}

.pagination ul > li > a{
        float: left;
        padding: 4px 12px;
        line-height: 18px;
        text-decoration: none;
        background-color: #FFFFFF;
        border: 1px solid #9F9F9F;
        border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {
        background-color: #FFAE00;  /* orange */
        color            : #000000;
        }
.pagination ul > .active > a,
.pagination ul > .active > span {
        color            : #000000;
        cursor           : default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
        color            : #999;
        background-color : #EFEFEF;
        cursor           : default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
        border-left-width: 1px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topleft: 4px;
        border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -moz-border-radius-bottomleft: 4px;
        border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -moz-border-radius-bottomright: 4px;
        border-bottom-right-radius: 4px;
}

.icon-previous:before,
.icon-backward:before {
        content: "<";
}
.icon-next:before,
.icon-forward:before {
        content: ">";
}
.icon-first:before {
        content: "<<";
}
.icon-last:before {
        content: ">>";
}

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

.hidden-phone  {
         display         : none!important;
}
}
@media (min-width: 501px) {
/* CSS-Styles, die nur auf Bildschirmen mit einer Breite zwischen 801 und 1024 Pixeln angewendet werden */

.hidden-desktop {
         display         : none!important;
}
}


/* ################################################################# */
/*                     Artikel - Details                             */
/* ################################################################# */

.published {
         padding-top                     : 0.5em;
         font-size                       : 80%;
         font-style                      : italic;
         color                           : #8F8F8F;
         }



/* ################################################################# */
/*               Inhaltsverzeichnis Seitenumbrüche                   */
/* ################################################################# */
.article-index ul {
         display                         : inline-block;
         margin                          : 0;
}

.article-index ul li {
         display                         : inline;
         padding                         : 0;          }


/* für Desktops, Tablets */
@media (min-width: 600px) {
.article-index ul li a {
         padding                         : 8px 16px;
         margin                          : 0 4px; /* 0 is for top and bottom. Feel free to change it */
         }
         }

/* für Smartphones */
@media (max-width: 600px) {
.article-index ul li a {
         padding                         : 8px 5px;
         margin                          : 0 3px; /* 0 is for top and bottom. Feel free to change it */
         }
         }

.article-index ul li a {
         color                           : black;
         float                           : left;
         text-decoration                 : none;
         border-radius                   : 5px;
         -webkit-border-radius           : 5px;
         -moz-border-radius              : 5px;
         transition                      : background-color .5s;
         -webkit-transition              : background-color .5s;
         -moz-transition                 : background-color .5s;
         }

.article-index ul li a.active {
         background-color                : #4CAF50;
         color                           : white;
}

.article-index ul li a:hover:not(.active) {
         background-color                : #ddd;
         }

.pagenavcounter {
         width                           : 100%;
         text-align                      : center;
         margin-bottom                   : 1em;
         font-size                       : 80%;
}


/* ################################################################# */
/*                   Button - Weiterlesen  & Backbutton              */
/* ################################################################# */
.readmore,
.backbutton {
         text-align                      : center;
         margin                          : 0.5em auto; /* 0 is for top and bottom. Feel free to change it */          }

.backbutton {
         display                         : block;
         width                           : 100%;
         padding                         : 1em 0; }


p.readmore a,
.backbutton a  {
         float                           : right;
         padding                         : 0;
         text-decoration                 : none;
         background-color                : transparent!important;
         box-shadow                      : none!important;
         font-weight                     : bold;}

.readmore a.active {
}

p.readmore a:hover,
.backbutton a:hover  {
         text-decoration                 : underline;
         }




/* ################################################################# */
/*         Artikel-Detailangaben - hier: Zuletzt gespeichert         */
/* ################################################################# */


.items-leading .modified {
         text-align                      : left;
         color                           : #AFAFAF;
         font-size                       : 90%;
         }

.article-info {
         margin-top                      : 1em;
         text-align                      : right;}

.modified,
.hits{
         text-align                      : right;
         color                           : #AFAFAF;
         font-size                       : 85%;
         font-style                      : italic;
}

.blog .modified{
         text-align                      : left;
}

.blog .hits {
         display                         : none;
         text-align                      : left;}


/* ################################################################# */
/*               Blog - Einstellungen auch Responsiv                 */
/* ################################################################# */
/* ------------------------------------------------------ */
/*         Blog für Bildschirme von 768px bis ....        */
/* ------------------------------------------------------ */

@media screen and (min-width : 768px)
{
.items-leading, .column-1, .column-2, .column-3 {
         padding                         : 0.625em 0.3em;
         margin-bottom                   : 2em;
}

/*******  Blog - 1-Spalte  ********/
.cols-1 {
         width                           : 100%;
         display                         : block;
         float                           : none !important;
         margin                          : 0 !important;
}

/*******  Blog - 2-Spalten  ********/
.cols-2 .column-1, .cols-2 .column-2 {
         width                           : 46%;
    }

.cols-2 .column-1 {
         float                           : left;
}

.cols-2 .column-2 {
         float                           : right;
         margin                          : 0
}

/*******  Blog - 3-Spalten  ********/
.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
         width                           : 31%;
    }

.cols-3 .column-1 {
         float                           : left;
         padding                         : 0 5px;
         margin-right                    : 4%
}

.cols-3 .column-2 {
         float                           : left;
         margin-left                     : 0;
         padding                         : 0 5px
}

.cols-3 .column-3 {
         float                           : right;
         padding                         : 0 5px
}
/*******  Folgende Zeile wenn mehr Blog-Inhalte angezeigt werden  ********/
.items-row {
         width                           : 100%;
         float                           : left;
         overflow                        : hidden;
}

.items-row ol {
         width                           : 100%;
         float                           : left;
}

/* "Seite 1 von X wird ausgeblendet im Blog */
.items-row .pagination .counter {
         display                         : none;
}

.items-row .pagination {
         width                           : 100%;
         float                           : left;
}
.items-row .pagination ul {
         text-align                      : center;
         margin                          : 0 auto;
         padding                         : 0;
}
.items-row .pagination ul li {
         display                         : inline;
         list-style                      : none;
         margin-right                    : 10px;
         padding                         : 5px 10px;
}

.blog-more {
         padding                         : 10px 5px
}
.page-header h2 {
         overflow                        : hidden;
         font-size                       : 110%;}

.items-row.cols-3.row-0.row-fluid,
.items-row.cols-3.row-2.row-fluid,
.items-row.cols-3.row-4.row-fluid {
         width                           : 100%;

}
.items-row.cols-3.row-1.row-fluid,
.items-row.cols-3.row-3.row-fluid {
         width                           : 100%; }


}
/* ------------------------------- */
/* Blog für Bildschirme bis 768px  */
/* ------------------------------- */
@media screen and (max-width : 768px)
{


.items-leading {
    width: 100%;
    padding: 0.5em 0.8em;
    margin-bottom: 1em;}

.cols-1,
.cols-2 .column-1, .cols-2 .column-2,
.cols-3 .column-1, .cols-3 .column-2, .cols-3 .column-3 {
    width: 100%;
    padding: 0.5em 0.8em;
    margin-bottom: 0em; }

.blog table.belegung{
        margin: 0 auto;
         }


.items-row {
    overflow: hidden;
    margin-bottom: 1em !important;

}


.blog-more {
    padding: 10px 5px
}
.page-header h2 {
         overflow                        : hidden;
         font-size                       : 110%;}

.items-row.cols-3.row-0.row-fluid,
.items-row.cols-3.row-2.row-fluid,
.items-row.cols-3.row-4.row-fluid {
         width                           : 100%;

}
.items-row.cols-3.row-1.row-fluid,
.items-row.cols-3.row-3.row-fluid {
         width                           : 100%; }

}


/* #############################################################*/
/* #############    Icons für Drucken, Mail und PDF    ######## */
/* #############################################################*/

.icons .btn{
         display                         : none;
         }

.icons .btn-group{
         margin                          : 0!important;
         float                           : right;
         width                           : 100%; }


.icons ul,
.icons ul.dropdown-menu{
         padding                         : 0!important;
         margin                          : 0!important;
         float                           : right;
}
.icons ul.dropdown-menu li{
         display                         : inline-block!important;
         width                           : 30px;
         height                          : 30px;
         overflow                        : hidden!important;
         padding                         : 0!important;
         margin                          : 0!important;
         }

li.print-icon a:before {
         font-family                     : Genericons;
         content                         : '\f469';
         color                           : #9F9F9F;
         font-size                       : 1.5em;
         }

li.email-icon a:before {
         font-family                     : Genericons;
         content                         : '\f410';
         color                           : #9F9F9F;
         font-size                       : 1.5em;}

li.edit-icon a:before {
         font-family                     : Genericons;
         content                         : '\f411';
         color                           : #0000BF;
         font-size                       : 1.5em;}

/* blendet die Wörte "Drucken" und "E-Mail" aus */
.icons ul.dropdown-menu li a  {
         color                           : transparent!important;
         background-color                : transparent!important;
         border                          : 0!important;
          }

/* #############################################################*/
/* #############    Einstellung für Kategorieliste     ######## */
/* #############################################################*/

.content-category .filters {
         width                           : 100%;
         text-align                      : right;
         }

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

table.category th,
table.category td,
table.category tr {
         border                          : 0px solid white!important;
         }

table.category thead tr {
         background                      : #0090E0;
         }

table.category #categorylist_header_title {
         text-align                      : left;
         }

table.category #categorylist_header_date,
table.category .list-date {
         text-align                      : right;
         }

tr.cat-list-row1 {
         background                      : white;
         }

tr.cat-list-row1 {
         background                      : #BFBFBF;
         }

/* #############################################################*/
/* ####   Generelle Einstellungen Bilder               ######## */
/* #############################################################*/

.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}
div.sigplus-gallery ul > li > img, div.sigplus-gallery ul > li > a > img,
.img-polaroid {
  padding: 5px!important;
  margin: 15px;
  background-color: #fff!important;
  border: 1px solid #ccc!important;
  border: 1px solid rgba(0, 0, 0, 0.2)!important;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;
     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)!important;
}

.img-circle {
  -webkit-border-radius: 500px;
     -moz-border-radius: 500px;
          border-radius: 500px;
}

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

.breadcrumb {
         margin-top              : 1em;
         margin-left             : 1em;
         padding                 : 0;
         margin                  : 0;
         list-style              : none;
}

ul.breadcrumb {
         margin                  : 1em 1.5em;
         padding                 : 0;
}

ul.breadcrumb li {
         display                 : inline-block;
         margin                  : 0;
         padding                 : 0;

          }

ul.breadcrumb img {
         height                  : auto!important;
         width                   : auto!important;           }



.breadcrumb > .active {
         color                   : #AFAFAF!important;
}

.breadcrumb .divider {
         padding                 : 8px 3px;
}


/* ################################################### */
/*          Einstellungen für die Suchen-Seite         */
/* ################################################### */


.search-adressen label {
         display                 : none!important;
         }

.text-suche {
         font-size               : 1.0em;
         }
.text-suchergebnis{
         font-size               : 1.25em;
         margin-top              : 2em;
         margin-bottom           : 1.5em;}

.search .only {
         display                 : none;
         }



.phrases legend {
         font-size               : 1.0em;
         line-height             : 1.5em;
                  }

.ordering-box {
         padding-bottom          : 3em;
         border-bottom           : 1px solid #DFDFDF;
}

.suchwort input {
         margin-top              : 0.5em;
         width                   : 70%!important;
         float                   : left;
         }
.search-adressen .btn {

         margin-top              : 1em!important;}


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

.phrases-box,
.ordering-box {
         margin                  : 0;
         padding                 : 0;
         width                   : 100%;
         height                  : 1.0em;
         display                 : block;
}

/* Alle Wörter / Irgendein Wort / Exakter Ausdruck */
#searchphraseall-lbl,
#searchphraseany-lbl,
#searchphraseexact-lbl {
         width                   : 100%!important;
         float                   : left;
         height                  : 2em;
         padding-top             : 0!important;
         margin-top              : 0!important;
         text-align              : left;
}

#searchphraseall,
#searchphraseany,
#searchphraseexact {
         width                   : 2em!important;
         float                   : left!important;
         height                  : 1em;
         padding-top             : 0!important;
         margin-top              : 0.25em!important;
}
#searchphraseall input,
#searchphraseany input,
#searchphraseexact input {
         width                   : 5%!important;
         margin-top              : 1em!important;
         float                   : left!important;
         height                  : 1em;
         padding-top             : 0!important;
         margin-top              : 0!important;
 }


label.ordering     {
         width                   : 30%!important;
         float                   : left;
}
select#ordering {
         width                   : 50%!important;
         float                   : left;
}
 }

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

.phrases-box,
.ordering-box {
         margin                  : 0;
         padding                 : 0;
         width                   : 100%;
         height                  : 2.0em;
         display                 : block;
}
/* Alle Wörter / Irgendein Wort / Exakter Ausdruck */
#searchphraseall-lbl,
#searchphraseany-lbl,
#searchphraseexact-lbl {
         width                   : 33%!important;
         float                   : left;
         height                  : 1em;
         padding-top             : 0!important;
         margin-top              : 0!important;
         text-align:left; }

#searchphraseall,
#searchphraseany,
#searchphraseexact {
         width                   : 5%!important;
         float                   : left!important;
         height                  : 1em;
         padding-top             : 0!important;
         margin-top              : 0!important;
}
#searchphraseall input,
#searchphraseany input,
#searchphraseexact input {
         width                   : 5%!important;
         margin-top              : 1em!important;
         float                   : left!important;
         height                  : 1em;
         padding-top             : 0!important;
         margin-top              : 0!important;
}


label.ordering     {
         width                   : 15%!important;
         float                   : left;
}
select#ordering {
         width                   : 25%!important;
         float                   : left;
}
 }
.form-limit {
         float                   : right;
}



.result-title {
         font-size               : 1.15em;
         font-weight             : bold;
         }

.result-title a {
         margin-left             : 0.75em;
         }
.result-category {
         display                 : none;
         }
.result-created  {
         font-size               : 0.75em;
         font-style              : italic;
         margin-bottom           : 1em;
         }

/* ######################################################*/
/*             Einstellungen für Formular                */

@media (min-width: 600px) {
select {
         width                   : 40%!important;
         }

label    {
         width                   : 25%!important;
         }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]    {
         width                   : 55%!important;
         }
}

@media (max-width: 600px) {
/* CSS-Styles, die nur auf Bildschirmen bis 600 Pixel Breite angewendet werden */
/* Für Formular - allgemein und VISForms */
textarea,
label,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"]    {
         width                   : 100%!important;
         }

.visCSSmargLeft input {
         width: 5%!important;
         text-align:left;
         padding-bottom:10px;
         }
.visCSSmargLeft label {
         margin-top : 5px;
         width:20%}
}



form {
         margin                  : 0;
}

fieldset {
         padding                 : 0;
         margin                  : 0;
         border                  : 0;
         width                   : 100%;
}

legend {
         display                 : block;
         width                   : 100%;
         padding                 : 0;
         margin-bottom           : 20px;
}



button, input, select, textarea {
         margin                  : 0;
         font-size               : 100%;
         vertical-align          : middle;
}

button, input {
         overflow                : visible;
         line-height             : normal;
}


button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

textarea {
         overflow                : auto;
         vertical-align          : top;
}


.btn-group       {
         margin-top              : 1em;
         }

label,
input,
button,
select,
textarea {
         font-weight             : normal;
}


label {
         display                 : block;
         margin-bottom           : 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
         display                         : inline-block;
         height                          : 20px;
         padding                         : 4px 6px;
         margin-bottom                   : 10px;
         font-size                       : 14px;
         line-height                     : 20px;
         vertical-align                  : middle;
         -webkit-border-radius           : 4px;
         -moz-border-radius              : 4px;
         border-radius                   : 4px;
         text-align                      : left;
}


textarea {
         height                          : auto;
         text-align                      : left!important;  }

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
         color                           : #555555;
         background-color                : #ffffff;
         border                          : 1px solid #cccccc;
         -webkit-box-shadow              : inset 0 1px 1px rgba(0, 0, 0, 0.075);
         -moz-box-shadow                 : inset 0 1px 1px rgba(0, 0, 0, 0.075);
         box-shadow                      : inset 0 1px 1px rgba(0, 0, 0, 0.075);
         -webkit-transition              : border linear 0.2s, box-shadow linear 0.2s;
         -moz-transition                 : border linear 0.2s, box-shadow linear 0.2s;
         -o-transition                   : border linear 0.2s, box-shadow linear 0.2s;
         transition                      : border linear 0.2s, box-shadow linear 0.2s;
}


/*##########################################*/
/*     Formularhöhe bei Desktop-Ansicht     */
@media (min-width: 768px) {
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
         height                          : 2em;
}
}

/*##########################################*/
/*     Formularhöhe bei Mobiler-Ansicht     */
@media (max-width: 768px)
{
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
         height                          : 3em;
}
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
         border-color                    : rgba(82, 168, 236, 0.8);
         outline                         : 0;
         outline                         : thin dotted #000000;
         /* IE6-9 */
         -webkit-box-shadow              : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
         -moz-box-shadow                 : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
         box-shadow                      : inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
         margin                          : 4px 0 0;
         margin-top                      : 1px;
         line-height                     : normal;
}


select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}

select option {
         padding-left                    : 0.5em;
         padding-top                     : 0.5em;
         padding-bottom                  : 0.5em;         }

/* ####################################################### */
/*         Einstellung für den Submit-Button               */
/* ####################################################### */

input[type=submit],
button[type=submit],
button[type=suche],
.search-adressen .button,
.btn-suche button
{
         border                          : none;
         border-radius                   : 5px;
         -moz-border-radius              : 5px;
         -webkit-border-radius           : 5px;
         padding                         : 0.5em 0.875em;  /* oben/unten links/rechts */
         text-align                      : center;
         text-decoration                 : none;
         display                         : inline-block;
         box-shadow                      : 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
         -moz-box-shadow                 : 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
         -webkit-box-shadow              : 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
         margin-bottom                   : 1em;
         -moz-transition                 : background-color 2s ease;  /* Firefox */
         -webkit-transition              : background-color 2s ease; /* WebKit */
         -o-transition                   : background-color 2s ease; /* Opera */
         transition                      : background-color 2s ease; /* Standard */
         }

input[type=submit],
button[type=submit],
.search-adressen .button {
         -webkit-transition-duration     : 0.4s; /* Safari */
         transition-duration             : 0.4s;
}

input[type=submit]:hover,
button[type=submit],
.search-adressen .button {
         }

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

select {
         background-color                : #ffffff;
         border                          : 1px solid #cccccc;
}

select[multiple],
select[size] {
         height                          : auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
         outline                         : thin dotted #333;
         outline                         : 5px auto -webkit-focus-ring-color;
         outline-offset                  : -2px;
}



input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 20px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}


input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}



.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}



.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}



.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}


/* ####################################################### */
/*         Einstellung Auswahlliste *choosen*              */
/* ####################################################### */

/* Flattened Chosen */
.chzn-container-single .chzn-single {
         background                      : #fff;
         filter                          : none;
         -webkit-border-radius           : 0;
         -moz-border-radius              : 0;
         border-radius                   : 0;
         height                          : 2em;
         padding                         : 0!important;
         margin                          : 0!important;
}

.chzn-container-single .chzn-single span {
    display: block;
    margin-right: 0px!important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
         padding                         : 0!important;
         margin                          : 0!important;
}
.chzn-container-single .chzn-search input {
         background                      : #fff url('chosen-sprite.png') no-repeat 100%;
}
.chzn-container-single .chzn-drop {
         -webkit-border-radius           : 0;
         -moz-border-radius              : 0;
         border-radius                   : 0;
}
.chzn-container-multi .chzn-choices {
         background                      : #fff;
}
.chzn-container-multi .chzn-choices .search-choice {
         -webkit-border-radius           : 0;
         -moz-border-radius              : 0;
         border-radius                   : 0;
         background                      : #e4e4e4;
}
.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
         background                      : #e4e4e4;
}
.chzn-container .chzn-results .highlighted {
         background                      : #3875d7;
}
.chzn-container-active.chzn-with-drop .chzn-single {
         background                      : #eee;
         -webkit-border-bottom-left-radius : 0;
         -webkit-border-bottom-right-radius: 0;
         -moz-border-radius-bottomleft   : 0;
         -moz-border-radius-bottomright  : 0;
         border-bottom-left-radius       : 0;
         border-bottom-right-radius      : 0;
}

#ordering_chzn    {float:left;margin-left:2em;text-align:left;width:15em;}

/* #############################################*/
/*          Einstellungen für VISForms          */

.input-append {
         width                   : 50%;
          }

.input-append .Datum-Text{
         width                   : 16em;
         float                   : left;
         margin-top              : 0.5em!important;
         }

#visformcontainer button {
         margin-left             : 5px;
         margin-top              : 8px!important;
         background              : transparent;
         background-color        : transparent;
         border-radius           : 0;
         vertical-align          : bottom;
}

@media (min-width: 700px) {
.visicon-calendar {
         margin-top              : 0.5em!important;
         background-image        : url(../images/calendar_2.png);
         background-repeat       : no-repeat;
         width                   : 20px;
         height                  : 20px;
         background-size         : 100% 100%;
         }
         }

@media (max-width: 700px) {
.visicon-calendar {
         margin-top              : 0.5em!important;
         background-image        : url(../images/calendar_2.png);
         background-repeat       : no-repeat;
         width                   : 36px;
         height                  : 36px;
         background-size         : 100% 100%;
         }
         }

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


/* ######################################################*/
/*             Einstellungen für JoomGallery             */


/* ################################################################# */
/* Responsive Einstellungen für JoomGallery  */
/* ################################################################# */

@media screen and (max-width : 500px)
{

.jg_element_cat,
.jg_element_gal,
.jg_imgalign_gal,
.jg_element_txt,
.jg_photo_container {
         float                           : left;
         width                           : 100%!important;
         text-align                      : center;
         }

.jg_element_gal,
.jg_photo_container {
         margin-bottom                   : 1em;
         }

.jg_imgalign_catimgs  a{
         text-align                      : center;
         width                           : 100%;
         }

.jg_imgalign_catimgs  img{
         text-align                      : center;

         }

img.jg_photo {
         margin                          : 0 auto;
         width                           : auto!important;
         height                          : 150px!important;

         }

.jg_catelem_txt ul li {
         text-align                      :center;
         }
}


@media screen and (min-width : 500px) and (max-width : 750px)
{

.jg_element_cat,
.jg_element_gal {
         float                           : left;
         width                           : 50%!important;
         text-align                      : center;
         }
.jg_imgalign_gal,
.jg_photo_container,
.jg_element_txt,
.jg_imgalign_catimgs{
         float                           : left;
         width                           : 100%!important;
         text-align                      : center;
         }

.jg_element_gal,
.jg_photo_container {
         margin-bottom                   : 1em;
         }


.jg_imgalign_catimgs  a{
         text-align                      : center;
         width                           : 100%;
         margin-bottom                   : 1em;
         margin-top                      : 1em;}

.jg_imgalign_catimgs  img{
         text-align                      : center;

         }

img.jg_photo {
         margin                          : 0 auto;
         width                           : auto!important;
         height                          : 130px!important;

         }

.jg_catelem_txt ul li {
         text-align                      :center;
         }
         }


/* Gallery bei Desktop-Ansicht */
.jg_imgalign_gal,
.jg_photo_container,
.jg_element_txt,
.jg_imgalign_catimgs{
         float                           : left;
         width                           : 100%!important;
         text-align                      : center;
}

.jg_element_gal,
.jg_photo_container {
         margin-bottom                   : 1em;
         }


.jg_imgalign_catimgs  a{
         text-align                      : center;
         width                           : 100%;
         margin-bottom                   : 1em;
         margin-top                      : 1em;
}

.jg_imgalign_catimgs  img{
         text-align                      : center;

         }

img.jg_photo {
         margin                          : 0 auto;
         width                           : auto!important;
         height                          : 130px!important;

         }

.jg_catelem_txt ul li {
         text-align                      :center;
         }

/* wenn das nicht hier steht, wird in der Slimbox das Bild abgeschnitten */
#lbImage {
         box-sizing                   : content-box!important;
         }

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