@font-face {
    font-family: 'Open Sans';
    src: url('../font/OpenSans/OpenSans-Regular.eot');
    src: url('../font/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/OpenSans/OpenSans-Regular.woff2') format('woff2'),
        url('../font/OpenSans/OpenSans-Regular.woff') format('woff'),
        url('../font/OpenSans/OpenSans-Regular.ttf') format('truetype'),
        url('../font/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'FontAwesome-Solid';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../font/fontAwesome/fa-solid-900.eot");
  src: url("../font/fontAwesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../font/fontAwesome/fa-solid-900.woff2") format("woff2"), url("../font/fontAwesome/fa-solid-900.woff") format("woff"), url("../font/fontAwesome/fa-solid-900.ttf") format("truetype"), url("../font/fontAwesome/fa-solid-900.svg#fontawesome") format("svg"); }


@font-face {
  font-family: 'FontAwesome-Brands';
  font-style: normal;
  font-weight: 900;
  font-display: auto;
  src: url("../font/fontAwesome/fa-brands-400.eot");
  src: url("../font/fontAwesome/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../font/fontAwesome/fa-brands-400.woff2") format("woff2"), url("../font/fontAwesome/fa-brands-400.woff") format("woff"), url("../font/fontAwesome/fa-brands-400.ttf") format("truetype"), url("../font/fontAwesome/fa-brands-400.svg#fontawesome") format("svg"); }

@font-face {
    font-family: 'Leckerli One';
    src: url('../font/Leckerlione/LeckerliOne-Regular.woff2') format('woff2'),
        url('../font/Leckerlione/LeckerliOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/* ##################################################*/
* {
  box-sizing: border-box;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.clearfix {
  *zoom: 1;
}

* {
         margin                          : 0;
         padding                         : 0;
         }

html, body {
    width: 100%;
    height: 100%;
 }

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

body {
 min-height: 100vh;
 }




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


/* ##################################################*/
/*           Generelle Layout-Einstellung            */
/* ##################################################*/

.unseen,
.jg-header,
.jg_catcountsubcats {
         position        : absolute;
         height          : 1px;
         width           : 1px;
         overflow        : hidden;
         clip            : rect(0 0 0 0);
         clip-path       : inset(100%);
         white-space     : nowrap;
}

.weg {
         display         : none;
         }



.wf_caption {
         font-style      : italic;
         font-size       : 90%}

.wf_caption img {
         border          : 1px solid #5F5F5F;
         }

.offline {
         margin-top      : 2em;
         text-align      : center;
         }

.offline img {
      border:1px solid #7F7F7F;
      padding: 0.5em;
      background: white;
      box-shadow: 10px 10px 5px #ccc;
      -moz-box-shadow: 10px 10px 5px #ccc;
      -webkit-box-shadow: 10px 10px 5px #ccc;
      -khtml-box-shadow: 10px 10px 5px #ccc;
      }

.offline h1 {
         margin-top :2em;
         }

@media screen and (min-width: 800px){
.offline {
         width : 60%;
         margin :2em auto;
         }
         }
@media screen and (max-width: 800px){
.offline {
         width : 80%;
         margin :2em auto; }
         }

.offline fieldset {
         border  : 0px;
         }

.offline input {
         height  : 30px;
         margin-bottom :0.5em;
         padding : 0 0.5em;}

.offline .button {
         font-size       : 1.25em;
         height          : 50px;
         line-height: 1.5}

.offline .Login-Remember {
         display : none;}


#redim-cookiehint .cookiehead .headline {
    color                   : #4F4F4F;
    font-size: 150%;
    line-height: 1.5;
    position: relative;
    font-weight:bold;
    display: inline-block;
}


#redim-cookiehint .cookiecontent {
         line-height             : 1.5;
         font-size               : 110%;
         color                   : #4F4F4F;
         }

#redim-cookiehint-bottom #cookiehintinfo a {
         font-size               : 120%;
         color                   : #4F4F4F;
         text-decoration         : none;
         font-weight             : bold;
         }

#redim-cookiehint-bottom #cookiehintinfo a:before {
         font-family     : 'FontAwesome-Solid';
         content         : '\f518\00a0';
         }

#cookiehintsubmit {
    background: #0070C0!important;
    color: #fff !important;
}


.facebook:before   {
         font-family     : 'FontAwesome-Brands';
         content         : '\f082';
         font-style      : normal;
         color           : #3b5998;
         font-size       : 200%}

.facebook-link {
         text-decoration : none;
                  color           : #3b5998; }

.facebook-feuerwehr {
         display         : none;
         }


.facebook-module {
         margin-top : 1em;
         }

.gewerbe-kontakt{
    display: flex;
    flex-wrap: wrap;

}

.gewerbe-image,
.gewerbe-adresse {
         width: 100%!important;
         }

.gewerbe-image img {
         width: 80%;
         height: auto;
         margin:0 auto
         }

.gewerbe-image p {
         text-align: center;
         }