@font-face {
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nunito-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Nunito Regular'), local('Nunito-Regular'),
       url('../font/nunito-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nunito-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nunito-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/nunito-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nunito-v9-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

html {
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#askcookie {
 background-color: #f5821f;
 position: fixed;
 right: 0;
 bottom: 0;
 left: 0;
 z-index: 200;
 font-size: 1em;
 padding: 0.5em;
 display: none;
 text-align: center;
 opacity: 0.95;
}

body, input, textarea, button {
 font-family: Nunito, Arial;
}
body {
 background-color: #333;
 background-color: #EDEDED;
 font-size: 1em;
 overflow-y: scroll;
 overflow-x: hidden;
 height: 100%;
}
#overall {
 margin: 0 auto;
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 min-height:100%;
 visibility: hidden;

 }


iframe, #staticmap {
 width: 100%;
}

#menu {
 padding:          0 0 0 0;
 margin-bottom:    1em;
 position:         absolute;
 right:            0;
 bottom:           0;
 left:             0;
 text-align:       right;
 -moz-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

#menubutton {
 display:          none;
 background-color: #f5821f;
 color:            #333;
 padding:          0.5em 1em 0.5em 1em;
 text-decoration:  none;
 margin-right:     1em;
 border-radius:    0.25em;
 position: absolute;
 right: 0.25em;
 bottom: 0.25em;
}

a.menu {
 display:          inline-block;
 background-color: #f5821f;
 color:            #333;
 padding:          0.7em;
 text-decoration:  none;
}



.menubarvisible {
 background-color: #000;
}


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


a.menu {
 display:          block;
 background-color: rgba(0,0,0,0.8);
 color:            #333;
 padding:          0.7em;
 text-decoration:  none;
}



#menubutton {
 display:          inline-block;
 z-index: 30;
}

#social {
 z-index:          9;
 position:         relative;
 white-space:      nowrap;
 padding:          1em 0.5em 0 0.5em;
}

img.social {
 width:            2.5em;
}

#menucontents {
 position:         absolute;
 top:              -2.5em;
 padding:          3em 1em 0.5em 1em;
 left:             100%;
 right:            0;
 //background-color: #f5821f;
 z-index:          10;
 display:          none;
 top:              1em;
 padding:          0.5em 1em 0.5em 1em;

                                                     background-color: rgba(0,0,0,0.8);

}

#menubar {
 background-color: #F00;

}

a.menu {
 display:          block;
                                                     background-color: rgba(0,0,0,0);
                                                     color: #f5821f;
}

}


@media screen and (min-width: 801px) {
a.menu:hover {
 background-color: #ff9942;
}

#social {
 bottom:           3.3em;
 z-index:          9;
 position:         fixed;
 left:             0;
 width:            4em;
}

img.social {
 width:            100%;
}

#menubar {
 position:         fixed;
 top:              0;
 right:            0;
 left:             0;
 z-index:          9;
 text-align:      left;
 padding-left:    1em;
}

#menucontents {
 position:         static;
 background-color: #f5821f;
 padding: 0 1em 0 1em;
 border-radius: 0 0  0  0 ;
 z-index: 10;
 display: inline-block;
 float: left;
}

#phoneactions {
 display:          none;
}

}


img:not(.gallery):not(.emptygallery):not(.emptygallery):not(.noborder):not(.slideshow){
 border: 1px solid #f5821f;
 visibility: none;

}



a {
 color: #000;
}

#bottom {
 padding: 1em;
 text-align: center;
 color: #333;
 font-size: 0.8em;
 margin: 1em auto;
 border: 2px solid #f5821f;
 border-width: 2px 0 0 0;
 background-color: #EDEDED;

 height: 1em;
}
#content {
 padding: 1em;
 box-sizing: border-box;
 background-color: #EDEDED;
 color: #333;
 max-width: 1000px;
 margin: 0 auto;

}
h1 {
 margin: 1em 0 1em 0;
 font-size: 1.5em;
}
h2 {
 margin:  1em 0 0 0;
 font-size: 1.25em;
}
h3 {
 margin:  1em 0 0 0;
 font-size: 1em;
}



div.gallery, div.emptygallery {

 position: relative;
 z-index: 2;
 overflow: hidden;

}

img.gallery {

 position:   absolute;
 top:        -9999px;
 bottom:     -9999px;
 left:       -9999px;
 right:      -9999px;

 margin:     auto;

 box-sizing: border-box;
 z-index:    1;

}

img.emptygallery {

 position:   absolute;
 top:        0;
 bottom:     0;
 left:       0;
 right:      0;

 width: 100%;
 height: 100%;

 box-sizing: border-box;
 z-index:    1;

}


.container {
 width: 100%;
 box-sizing: border-box;
 visibility: hidden;
 margin: 1em 0 1em 0;

}

table {
 border-spacing: 0;
}
td {
 padding-right: 0.5em;
 vertical-align: top;
}

iframe {
 box-sizing: border-box;
 border: 1px solid #f5821f;
}

/* contact form */

div.status {
 display: none;
 margin-bottom: 1em;
 border-radius: 0.25em;
}
div.status h2 {
 color: #0A0;
}
#error {
 padding: 0.5em;
 background-color: #f5821f;
}
#contact {
 position: relative;
 width: 100%;
}
#overlay {
 position: absolute;
 top: 0; right: 0; bottom: 0; left: 0;
 background-color: #FFF;
 opacity: 0.7;
 display: none;
 z-index: 1;
}
input[type=text], textarea {
 display: block;
 width: 100%;
 box-sizing: border-box;
}
input[type=text], textarea, button, #gdprtext {
 border: 1px solid #333;
 background-color: #FDFDFD;
 padding: 0.5em;
 margin-bottom: 0.25em;
 resize: none;
 font-size: 1em;
}
button {
 margin: 0;
 background-color: #DDD;
 vertical-align: top;
}

#gdprtext {
 font-size: 0.8em;
 text-align: justify;
}
input.error, textarea.error, #gdprtext.error {
 background-color: #f5821f;
}
#waiting {
 display: none;
 position: absolute;
 top: 50%;
 right: 50%;
 bottom: 50%;
 left: 50%;
 margin-left: -100px;
 margin-top: -100px;
 opacity: 1;
 z-index: 2;
}

/* gallery */

#fullscreen {
 visibility: hidden;
 position: fixed;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background-color: rgba(0,0,0,1);
 z-index: 50;
 padding: 1em;
 -moz-user-select: none;
 -khtml-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
}

#fullscreenclose {
 position: absolute;
 top: 1em;
 color: #EDEDED;
 padding: 0.5em;
 cursor: pointer;
 text-align: center;
}

@media screen and (max-width: 800px) {
 #fullscreenclose {
  right: 1em;
  left: 1em;
  border-width: 0;
  text-align: right;
 }
}

@media screen and (min-width: 801px) {
 #fullscreenclose {
  right: 1em;
  border-width: 0;
  padding: 0.5em 1em 0.5em 1em;
 }
}

#fullscreentop {
 position: absolute;
 top: 0;
 right: 0;
 left: 0;
 height: 4em;
 text-align: right;
}

#fullscreencaption {
 position: absolute;
 bottom: 0;
 left: 0;
 text-align: left;
 color: #000;
 font-size: 1em;
 z-index: 100;
 padding: 1em 2em 1em 1em;
 background-color: rgba(255,255,255,0.5);
 display: inline-block;
 visibility: hidden;
}

#fullscreenminimizecaption {
 line-height: 0.5em;
 position: absolute;
 top: 1px;
 right: 1px;
 text-align: center;
 color: #FFF;
 font-size: 1em;
 z-index: 100;
 border: 1px solid #FFF;
 padding: 0.25em;
 background-color: rgba(0,0,0,0.5);
 display: inline-block;
 cursor: pointer;
 z-index: 51;
}

#fullscreenmaxmizecaption {
 line-height: 0.5em;
 position: absolute;
 bottom: 1px;
 left: 1px;
 text-align: center;
 color: #FFF;
 font-size: 1em;
 z-index: 100;
 border: 1px solid #FFF;
 padding: 0.25em;
 background-color: rgba(0,0,0,0.5);
 display: none;
 cursor: pointer;
 z-index: 51;
}

.fullscreennavigation{
 position: absolute;
 top: 3em;
 width: 3em;
 bottom: 3em;
 color: #FFF;
 cursor:pointer;
 font-size: 20px;
 line-height: 10px;
}

.fullscreennavigation#left, .fullscreennavigationbutton#left {
 left: 0;
}
.fullscreennavigation#right, .fullscreennavigationbutton#right {
 right: 0;
}

.fullscreennavigationbutton{
 position: absolute;
 top: 50%;
 left: 0;
 width: 3em;
 text-align: center;
}

#fullscreenimage {
 position: absolute;
 top: 4em;
 right: 4em;
 left: 4em;
 bottom: 4em;
 border: 1px dashed #333;
 overflow:hidden;
}

#fullscreenimagesource {
 max-width: 100%;
 max-height: 100%;
 position: absolute;
 top: -9999px;
 right: -9999px;
 bottom: -9999px;
 left: -9999px;
 margin: auto;
 border-width: 0;
}

#top {
 background-color: #000;
 position: relative;
 width: 100%;
}

.half, .full {
 width: 49%;
 box-sizing: border-box;
 margin-bottom: 1em;
 height: 173px;
 background-repeat: no-repeat;
 background-position: center center;
 background-size: contain;
 background-color: #FFFFFF;
 border: 1px solid #f5821f;
}
#topbackground {
 position: absolute;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-repeat: no-repeat;
z-index:         9;
 background-color: #000;
}
div.slideshow {
z-index:          8;
position: absolute; top: 0; bottom: 0; right: 0; left: 0; overflow: hidden;
visibility: hidden;
}
img.slideshow {
 height: 100%;
  box-sizing: border-box;
   display: inline-block;
    border-width: 0px;
    margin: 0; padding: 0;
    visibility: hidden;
}
div.carousel {
 white-space: nowrap;
 border: 1px dashed #F00;
 visibility: hidden;
}

div.images {
 justify-content: space-between;
 flex-wrap: wrap;
 display: flex;
 text-align: left;
 align-self: start;
}


                                                    /* small screen special conditions */
                                                    @media screen and (max-width: 800px) {
button {
 margin: 0.25em 0 0 0;
}
                                                    .half {
                                                     width: 49%;

                                                    }

                                                    .full {
                                                     width: 100%;

                                                    }

                                                    .half, .full {
                                                     height: 121px;
                                                    }

                                                    button {
                                                     width: 100%;
                                                    }

                                                    iframe {
                                                     height: 30em;
                                                     margin-bottom: -1em;
                                                    }

                                                    #top {
                                                    height: 9em;
                                                    }

                                                    .wrappercontact, .wrappermap {
                                                     width: 100%;
                                                     margin-bottom: 1em;
                                                    }

                                                    #overall {
                                                     border-width: 0;
                                                     position: absolute;
                                                     top: 0;
                                                     left: 0;
                                                     right: 0;
                                                     bottom: 0;
                                                    }

                                                    .container {
                                                     overflow: hidden;
                                                     white-space: nowrap;
                                                     position: relative;
                                                     padding-top: 100%;
                                                     border: 1px solid #f5821f;
                                                      margin: 1em 0 1em 0;
                                                    }

                                                    div.gallery {
                                                     display: inline-block;
                                                     width: 100%;
                                                     height: 100%;
                                                    }

                                                    .dragger {
                                                     position: absolute;
                                                     top: 0;
                                                     right: 0;
                                                     bottom: 0;
                                                     left: 0;
                                                    }

                                                    #logo {
                                                     position: absolute;
                                                     height: 4em;
                                                     right: 1em;
                                                     top: 1em; z-index: 10;
                                                    }
#topbackground {
 display: none;
}
                                                    #slogan {
                                                     position: absolute;
                                                     width: 65%;
                                                     left: 1em;
                                                     bottom: 1em;
z-index:          20;
                                                    }












                                                    }

                                                                     /* big screen special conditions */
                                                                     @media screen and (min-width: 801px) {
#gdpraccept, #gdprdeny {
 width: 8em;
}




                                                                     .half {
                                                                      width: 23.5%;
                                                                     }

                                                                     .full {
                                                                      width: 49%;
                                                                     }



                                                                     iframe {
                                                                      height: 100%;
                                                                     }


                                                                     #top {
                                                                     height: 14em;
                                                                     }
                                                                     .wrappercontact, .wrappermap {
                                                                      display: inline-block;
                                                                      width: 49%;
                                                                     }

                                                                     div.gallery {
                                                                      border: 1px solid #f5821f;
                                                                     }


div.emptygallery {
 border: 1px solid transparent;
}
                                                                     .r1 {
                                                                      width: 100%;
                                                                      padding-top: 100%;
                                                                      margin-bottom: 1em;
                                                                     }

                                                                     .r2 {
                                                                      width: 49%;
                                                                      padding-top: 49%;
                                                                      margin-bottom: 1em;
                                                                     }

                                                                     .r3 {
                                                                      width: 32.5%;
                                                                      padding-top: 32.5%;
                                                                      margin-bottom: 0.6em;
                                                                     }

                                                                     .r4 {
                                                                      width: 24%;
                                                                      padding-top: 24%;
                                                                      margin-bottom: 0.6em;
                                                                     }

                                                                     .r5 {
                                                                      width: 19%;
                                                                      padding-top: 19%;
                                                                      margin-bottom: 0.6em;
                                                                     }

                                                                     .r6 {
                                                                      width: 16%;
                                                                      padding-top: 16%;
                                                                      margin-bottom: 0.4em;
                                                                     }

                                                                     .r7 {
                                                                      width: 13.5%;
                                                                      padding-top: 13.5%;
                                                                      margin-bottom: 0.3em;
                                                                     }

                                                                     .r8 {
                                                                      width: 12%;
                                                                      padding-top: 12%;
                                                                      margin-bottom: 0.3em;
                                                                     }

                                                                     .r9 {
                                                                      width: 10.5%;
                                                                      padding-top: 10.5%;
                                                                      margin-bottom: 0.3em;
                                                                     }

                                                                     .r10 {
                                                                      width: 9%;
                                                                      padding-top: 9%;
                                                                      margin-bottom: 0.4em;
                                                                     }

                                                                     .fw {
                                                                      width: 100%;
                                                                      padding-top: 49%;
                                                                      margin-bottom: 1em;
                                                                     }

                                                                     .dragger, .wrapper {
                                                                      justify-content: space-between;
                                                                      flex-wrap: wrap;
                                                                      display: flex;
                                                                      text-align: left;
                                                                     }

                                                                     #content {
                                                                      padding-bottom: 4em;
                                                                     }

                                                                     #bottom {
                                                                      position: absolute;
                                                                      bottom: 0;
                                                                      left: 0;
                                                                      right: 0;
                                                                      text-align: right;
                                                                      }

                                                                     #logo {
                                                                      position: fixed;
                                                                      height: 100%;
                                                                      right: 1em;
                                                                      top:0;
                                                                      z-index: 20;
                                                                     // border: 2px dashed #0F0;
                                                                      display: none;
                                                                     }
                                                                     #slogan {
                                                                      position: absolute;
                                                                      height: 3em;
                                                                      left: 1em;
                                                                      bottom: 1em;
                                                                      z-index: 9;
                                                                     }

                                                                     }