/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
/*!
	By André Rinas, www.andrerinas.de
	Documentation, www.simplelightbox.de
	Available for use under the MIT License
	Version 2.7.3
*/
body.hidden-scroll{overflow:hidden}.sl-overlay{position:fixed;left:0;right:0;top:0;bottom:0;background:#fff;opacity:.7;display:none;z-index:1035}.sl-wrapper{z-index:1040;width:100%;height:100%;left:0;top:0;position:fixed}.sl-wrapper *{box-sizing:border-box}.sl-wrapper button{border:0 none;background:transparent;font-size:28px;padding:0;cursor:pointer}.sl-wrapper button:hover{opacity:0.7}.sl-wrapper .sl-close{display:none;position:fixed;right:30px;top:30px;z-index:10060;margin-top:-14px;margin-right:-14px;height:44px;width:44px;line-height:44px;font-family:Arial,Baskerville,monospace;color:#000;font-size:3rem}.sl-wrapper .sl-counter{display:none;position:fixed;top:30px;left:30px;z-index:1060;color:#000;font-size:1rem}.sl-wrapper .sl-navigation{width:100%;display:none}.sl-wrapper .sl-navigation button{position:fixed;top:50%;margin-top:-22px;height:44px;width:22px;line-height:44px;text-align:center;display:block;z-index:10060;font-family:Arial,Baskerville,monospace;color:#000}.sl-wrapper .sl-navigation button.sl-next{right:5px;font-size:2rem}.sl-wrapper .sl-navigation button.sl-prev{left:5px;font-size:2rem}@media (min-width: 35.5em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:10px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:10px;font-size:3rem}}@media (min-width: 50em){.sl-wrapper .sl-navigation button{width:44px}.sl-wrapper .sl-navigation button.sl-next{right:20px;font-size:3rem}.sl-wrapper .sl-navigation button.sl-prev{left:20px;font-size:3rem}}.sl-wrapper.sl-dir-rtl .sl-navigation{direction:ltr}.sl-wrapper .sl-image{position:fixed;-ms-touch-action:none;touch-action:none;z-index:10000}.sl-wrapper .sl-image img{margin:0;padding:0;display:block;border:0 none;width:100%;height:auto}@media (min-width: 35.5em){.sl-wrapper .sl-image img{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image img{border:0 none}}.sl-wrapper .sl-image iframe{background:#000;border:0 none}@media (min-width: 35.5em){.sl-wrapper .sl-image iframe{border:0 none}}@media (min-width: 50em){.sl-wrapper .sl-image iframe{border:0 none}}.sl-wrapper .sl-image .sl-caption{display:none;padding:10px;color:#fff;background:rgba(0,0,0,0.8);font-size:1rem;position:absolute;bottom:0;left:0;right:0}.sl-wrapper .sl-image .sl-caption.pos-top{bottom:auto;top:0}.sl-wrapper .sl-image .sl-caption.pos-outside{bottom:auto}.sl-wrapper .sl-image .sl-download{display:none;position:absolute;bottom:5px;right:5px;color:#000;z-index:1060}.sl-spinner{display:none;border:5px solid #333;border-radius:40px;height:40px;left:50%;margin:-20px 0 0 -20px;opacity:0;position:fixed;top:50%;width:40px;z-index:1007;-webkit-animation:pulsate 1s ease-out infinite;-moz-animation:pulsate 1s ease-out infinite;-ms-animation:pulsate 1s ease-out infinite;-o-animation:pulsate 1s ease-out infinite;animation:pulsate 1s ease-out infinite}.sl-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}.sl-transition{transition:-moz-transform ease 200ms;transition:-ms-transform ease 200ms;transition:-o-transform ease 200ms;transition:-webkit-transform ease 200ms;transition:transform ease 200ms}@-webkit-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-moz-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-o-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}@-ms-keyframes pulsate{0%{transform:scale(0.1);opacity:0.0}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}
/***************************************************
***************************************************
***********  1.0  NORMALIZE.CSS v8.0.1  ***********
******************  MIT License  ******************
*******  github.com/necolas/normalize.css  ********

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
    line-height: 1.65; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
    border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
    display: none;
}/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/open-sans-v44-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/open-sans-v44-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/open-sans-v44-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* klee-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Klee One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/klee-one-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}



html {
    font-size:16px;
}

body, td, input, button, select, textarea {
    font-family:'Open Sans', sans-serif;
    font-weight:400;
    font-size:1rem;
}

.byhand {
  font-family:'Klee One', sans-serif;
  font-weight:400;
  font-size:1rem;
}

b, strong {
    font-weight:700;
}:root {
    --black: #000000;
    --blackmenu:rgb(0,0,0,0.9);
    --blacktrans:rgb(0,0,0,0.6);
    --blacklighttrans:rgb(0,0,0,0.2);
    --white: #ffffff;
    --whitetrans: rgb(255,255,255,0.6);
    --bodygray: #d1d1d1;
    --canvas: #fbfbfa;
    --gray: #515151;
    --lightgray: #919191;
}
  html, body { 
    height:100%;  
    position:relative; 
    top:-1px;
}

body { 
	background:var(--bodygray); 
    color:var(--black);
}



#wrapper{ 
    position:relative; 
    max-width:1600px;
    width:90%; 
    padding-top:1px; 
    min-height:100%; 
    margin:0 auto;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 1em 0.5em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 0.5em 1em;
}

h1, a { color:var(--black);}

#page {
    background:var(--canvas);    
    box-shadow: 0 0 100px var(--blacklighttrans);
    min-height:100vh;
    position:relative;
}

#page > footer {
    position:sticky;
    background:var(--canvas);
    z-index:9000;
    bottom:0;
    left:0;
    right:0;
    font-size:0.75rem;
    color:var(--lightgray);
    display:flex;
    justify-content: center;
    padding-top:1.5em;

}

#page > header a,
#page > footer a {
    color:var(--lightgray);
    text-decoration:none;    
}

#page > footer a:hover {
    text-decoration: underline;
}

#page > footer p {
    padding:0 1em;
}

#page > header {
    position:sticky;
    z-index:9000;
    background:var(--canvas);
    top:0;
    left:0;
    right:0;
    font-size:1rem;
    color:var(--lightgray);
    /*display:flex;
    justify-content: space-between;*/
    margin:0 -0.75em;
}

#logo {
    font-size:1.75rem;
    letter-spacing: -0.075em;
    font-style: italic;
    margin:0.5em 2em;
    display:inline-block;
}

.instagram {
    background:url(../img/instagram.png);
    background-size:100% 100%;
    width:16px;
    height:16px;
    display:inline-block;
}

#menuopen span,
.instagram span {
    opacity:0.00001;
    position:absolute;
    pointer-events: none;
}

#menuopen {
    display:inline-block;
    width:25px;
    height:25px;
    vertical-align: middle;
}

#menuopen hr {
    border:none;
    height:2px;
    background:var(--lightgray);
    margin:4px 0 0 0;
    opacity:1;
}

nav {
    padding:1.5em 1.25em;
}

nav ul {
    list-style:none;
    display:inline-block;
    margin:0;
    margin-right:2em;
}

nav li {
    display:inline-block;
}

nav li::after {
    content:' ';
}

nav li a {
    margin-right:0.5em;
}

#page nav li.aktiv a {
    text-decoration:underline;
}

#slider, #content {
    min-height:calc(100vh - 130px);
    padding:0 0 0px 0; /*75px 0 55px 0;*/
}

#slider .slide {
    height:calc(100vh - 130px);    
    max-height:1200px;
    padding-left:50px;
}

#slider .work .slide {
    width:100%;
}

#slider .slide img {
    /*height:100%;*/
    height:auto;
    width:auto;
    max-width:100%;
    max-height:100%;
}

.owl-carousel .owl-nav button.owl-next, 
.owl-carousel .owl-nav button.owl-prev {
    position:absolute;
    top:calc(50% - 60px);   
    width:80px;
    height:125px;
    background-size:100% auto; 
    opacity:0.4;
}
.owl-carousel .owl-nav button.owl-next {
    right:0;
    background-image:url(../img/slider_right.svg);
}
.owl-carousel .owl-nav button.owl-prev {
    left:0px;
    background-image:url(../img/slider_left.svg);
}

.owl-carousel {
    max-height:1200px;
}

.home.owl-carousel .owl-nav button.owl-prev {
    display:none;
}

#menu {
    background:var(--blackmenu);
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:9999; 
    display:none;
}

#closemenu {
    position:absolute;
    top:0px;
    right:0px;
    width:75px;
    height:75px;
    background:url(../img/close.svg);
    background-size:100% 100%;
}

#menu > div {
    display:flex;  
    align-items:center;   
    height:100%;     
}

#menu nav {
    width:50%;
    min-width:600px;
    margin:0 auto;    
}

#menu li, #menu ul {
    display:block;
}

#menu a {
    color:var(--white);
    text-decoration:none;
    font-size:2rem;
    display:inline;
}

#menu a:hover {
    text-decoration:underline;
}

#menu li {
    margin-bottom:2rem;
}

#menu li li {
    margin-bottom:0.5rem;
}

#menu li li::before {
    content: '- ';
    color:var(--white);
    font-size:1.5em;
}

#menu li li a {
    font-size:1.5em;

}

#content {
    color:var(--gray);
}

#content a {
    color:var(--lightgray); 
}

#content a:hover {
    color:var(--black); 
}

.fixedimage {
    padding-left:50px;
}


.fixedimage img {
    position:sticky;
    top:85px;
    left:0;
    max-width:100%;
    height:auto;
}

#content h3 {
    font-size:1.3rem;
    font-weight:bold;
    margin:3.5rem 0 1.5rem 0;
}

.fadeIn  {
    -webkit-animation-name : fadeIn  ;
    animation-name : fadeIn  ;
  }  

  @-webkit-keyframes  fadeIn  {
    0% {
      opacity : 0   ;
    }  
    100% {
      opacity : 1   ;
    }  
  }
  @keyframes  fadeIn  {
    0% {
      opacity : 0   ;
    }  
    100% {
      opacity : 1   ;
    }  
  }

.textonly {
    height:100%;
    display:flex;
    justify-content: center;
    align-items:center;
    font-size:1.5em;
}

.text {
    color:var(--gray);
    font-size:0.9rem;
}

.textonly div {
    max-width:65%;
    text-align:center;
    color:var(--gray);
}

.textonly h2 {
    color:var(--black);
    font-size:2em;
}

button.disabled {
    display:none;
}

.images {
   position:relative;
}

.images div { 
    position:absolute;
    width:250px;
    height:250px;
    top:calc(50% - 125px);
    left:calc(50% - 125px);
    opacity:0.7;
}

.images img { 
    width:250px;
    height:250px;
}

.overviewlinks a {
    text-decoration: none;
    color:var(--lightgray);
    display:inline-block;
    margin:1rem 0;
}

.overviewlinks a:hover {
    color:var(--black);
}

.images div:nth-child(1) {
    transform:translate(-75%,-60%);
}

.images div:nth-child(2) {
    transform:translate(-60%,20%);
}

.images div:nth-child(3) {
    transform:translate(15%,-75%);
}

.images div:nth-child(4) {
    transform:translate(40%,5%);
}

.images div:nth-child(5) {
    transform:translate(5%,60%);
}

.images div img + img {
    display:none;
}

.logowrapper {
    position:relative;
}

.breadcrump {
    position:absolute;
    top:3.5rem;
    left:5rem;
    font-size:0.75rem;
    width:500px;
}

.breadcrump a {
    display:inline-block;
    margin-left:5px;
    padding-left:0px;    
}

.breadcrump a:hover {
    color:var(--black) !important;
    text-decoration:underline !important;
}

.breadcrump a:first-child::before {
    content : '⌞';
    display:inline-block;
    transform:translate(0,-2px);
    margin-right:3px;
}

.breadcrump a::before {
    content: '- ';
    display:inline-block;
    margin-right:3px;
}@media screen and (max-width:1600px) {
}@media screen and (max-width:1279px) {
}@media screen and (max-width:1024px) {}@media screen and (max-width:768px) {
    #wrapper {
        width:100%;
    }
    #logo {
        margin:0.25em 0.5em;
    }
    nav {
        padding:1.25em 1.5em 1.25em 0;
    }
    nav ul {
        margin-right:0.25em;
    }
    #page > header {
        position:fixed;
        margin:0;
    }

    #page {
        margin-top:60px;
        min-height:calc(100vh - 60px);        
        
    }
    #slider .slide {
        height:calc(100vh - 140px);
        min-height:auto; 
        padding-left:0;
        height:auto;
        max-height:100vh;
    }
    
    #slider .slide .row .h-100:first-child {
        height:calc(90vh - 240px) !important;
        justify-content:center !important;
    }

    .page-template-template-home  #slider .slide .row .h-100:first-child,
    .page-template-template-home  #slider .slide {
        height:calc(100vh - 140px) !important;
    }

    #slider, #content {
        min-height:calc(100vh - 140px);
        min-height:auto;
    }


    #page > footer {

       display:none;

        flex-wrap: wrap;
        position: static;
        justify-content: flex-start;
        align-items: flex-start;

        padding-top:0.5rem;
        /*border-top:1px solid var(--blacklighttrans);*/

    }


    .page-template-template-home #page > footer {
        display:flex;
    }

    #page > footer p {
        padding:0;
        margin-bottom:0.5em;   
        width:100%;  
    }

    #page > footer p + p {
        width:50%;
    }
    
    #page > footer p + p + p {
        text-align:right;
    }

    #page > footer p + p + p + p {
        width:90%;
        text-align: left;
    }

    #page > footer p + p + p + p + p {
        width:10%;
        text-align:right;
     
    }
    
    .owl-next, .owl-prev {
        width:30px !important;
        height:47px !important;
        top:100px !important;
    }

    .page-template-template-home .owl-next,
    .page-template-template-home .owl-prev {
        top:calc(50% - 24px) !important;
    }


    .breadcrump,.images,
    #menuopen span, .instagram span {
        display:none;
    }

    #menu li li::before,
    #menu li li a,
    #menu a {
        font-size: 1rem;
    }
    #menu li {
        margin-bottom: 1rem;
    }

    html {
        font-size:14px;
    }

    .fixedimage {
        padding:1rem;
    }

    .overviewlinks a {
        margin:0.25rem 0;
    }
    
    .textonly {
        font-size:0.8em;
        min-height:50vh;
    }

}

@media screen and (max-width:768px) and (orientation:landscape) {

}

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

}