@charset "UTF-8";
@font-face{ font-display:swap; font-family:'PT Sans'; font-style:normal; font-weight:400;
  src:url('../design/fonts/pt-sans-v12-latin-regular.woff2') format('woff2'),
       url('../design/fonts/pt-sans-v12-latin-regular.ttf') format('truetype');
}
@font-face{ font-display:swap; font-family:'PT Sans'; font-style:italic; font-weight:400;
  src:url('../design/fonts/pt-sans-v12-latin-italic.woff2') format('woff2'),
       url('../design/fonts/pt-sans-v12-latin-italic.ttf') format('truetype');
}
@font-face{ font-display:swap; font-family:'PT Sans'; font-style:normal; font-weight:700;
  src:url('../design/fonts/pt-sans-v12-latin-700.woff2') format('woff2'),
       url('../design/fonts/pt-sans-v12-latin-700.ttf') format('truetype');
}
@font-face{ font-display:swap; font-family:'IM Fell Great Primer SC'; font-style:normal; font-weight:400;
  src:url('../design/fonts/im-fell-great-primer-sc-v12-latin-regular.woff2') format('woff2'),
       url('../design/fonts/im-fell-great-primer-sc-v12-latin-regular.ttf') format('truetype');
}
*,::after,::before{box-sizing:border-box;}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
body { background:#e0d4c0; color:#333; font-family:"PT Sans", sans-serif }
a {text-decoration:none}
#rand { display:block; width:100%; max-width:1080px; border:5px solid #fff; margin:0 auto; }
#content { width:100%; max-width:1080px; }
#top { height:90px; box-sizing:border-box; background:#bea0a0; border:2px solid #937373; position:relative;}
#toprand { width:100%; height:100%; border:2px dotted #efe9e9;  }
#title { position:absolute; top:12px; left:20px; margin:0; font-size:1.9em; font-family:'IM Fell Great Primer SC',serif; font-weight:400; letter-spacing:-.02em; display:inline-block; }
#title a {color:#39414c; color: #0000; background: repeating-radial-gradient(#363636 0 0.0001%,#363636 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(#363636 0 0.0001%,#bea0a0 0 0.0002%) 50% 50%/2500px 2500px; background-blend-mode: difference; mix-blend-mode: darken; -webkit-background-clip: text; background-clip: text; }
#slogan { position:absolute; bottom:12px; right:20px; margin:0; font-weight:lighter; letter-spacing:.01em; font-size:.9em; font-style:italic; color:#555; }
h2 { margin:.5em 0 .1em; font-weight:400; font-size:1.35em;  }
h3 { margin:0 }
.clr { clear:both; display:block; content:" " }

/*.slideshow{ width:100%; height:200px;z-index:0; display:block; border-right:2px solid #937373; border-left:2px solid #937373; }
.slideshow div{ width:100%; height:200px; z-index:0; background:#888; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.slideshow .lazyload{display:none}*/
.slideshow{ position:relative; width:100%; height:200px;z-index:0; display:block; border-right:2px solid #937373; border-left:2px solid #937373; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; }
.slideshow div{ position:absolute; top:0; left:0; width:100%; max-width:100%; height:200px; z-index:1; opacity:0; background:#888; background-repeat:no-repeat; background-position:center center; -webkit-background-size:cover; background-size:cover; animation-name: crossfade; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode: both; }
@keyframes crossfade {
  0%   { opacity: 0; }
  10%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 0; }
  100% { opacity: 0; }
}

section { width:100%; height:100%; border:2px solid #937373; }
main {font-size:1.05em; box-sizing:border-box; width:100%; padding:1em 5%; line-height:1.8em; font-weight:lighter; color:#333; background:#efe9e9;-moz-hyphens:auto;-o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; -hyphens:auto; }
h1 { margin:3px 0 20px;margin:3px 0 20px;font-size:1.8em; letter-spacing:-1px;color:#363636;font-family:'IM Fell Great Primer SC',serif;
		color: #0000; background: repeating-radial-gradient(#363636 0 0.0001%,#363636 0 0.0002%) 50% 0/2500px 2500px, repeating-conic-gradient(#363636 0 0.0001%,#bea0a0 0 0.0002%) 50% 50%/2500px 2500px; background-blend-mode: difference; mix-blend-mode: darken; -webkit-background-clip: text; background-clip: text;}

main strong{font-style:italic; display:block;font-size:1.4em}
main a{color:#333; border-bottom:1px solid #aaa}
main p{ margin:.75em 0; }
ul {padding:0 0 0 20px;}

#adr1, #adr2 {margin-top:1em;}
#oekostrom {width:100%; height:auto;}
#bilder {text-align:center;}
#bilder img {width:100px; height:100px; margin:0 5px; -webkit-box-shadow:3px 3px 8px #aaa; box-shadow:3px 3px 8px #aaa;}

footer {width:100%; max-width:700px;margin:8px auto 1em; color:#444;}
footer p{text-align:center;margin:0;font-size:.9em;line-height:1.5em;}
footer a{color:#444;}

#primary-slider img { width:100%; height:auto; }
#secondary-slider { margin-top:5px; }
#secondary-slider .splide__slide:hover { cursor:pointer; }
.splide--nav > .splide__track > .splide__list > .splide__slide.is-active { border-color:#ccc!important }
.splide__arrow { background:#fff!important; }

@media screen and (min-width:480px){
	#title { font-size:2.2em; }
	#slogan { font-size:1em; }
	h1 { font-size:2em; margin:5px 0 20px; }
	#bilder img {width:120px; height:120px; }
}
@media screen and (min-width:600px){
	.slideshow, .slideshow div{height:250px;}
	main {padding:2em 5%; }
	#title { font-size:2.5em; }
	h1 { font-size:2.3em; margin:0 0 24px; }
	ul {padding:0 0 0 30px;}
	#adr1 {float:left;width:50%; }
	#adr2 {float:right;width:50%; }
	#adr2 div {float:right;margin-right:50px;}
	#oekostrom {width:510px; height:63px;}
	#bilder img {width:150px; height:150px; }
}
@media screen and (min-width:800px){
	#top { height:120px; }
	#title { font-size:2.8em; top:18px; left:25px; }
	#slogan { font-size:1.1em; }
	.slideshow, .slideshow div{height:300px;}
	#adr2 div {margin-right:80px;}
}
@media screen and (min-width:1024px){
	.slideshow, .slideshow div{height:350px;}
	#slogan { font-size:1.2em; }
	#content {box-sizing:border-box; margin:0 auto; border:3px solid #937373; background:#efe9e9;}
	section { border-top:2px solid #937373; }
	#bilder img {width:180px; height:180px; }
	#adr2 div {margin-right:150px;}
	
	.menu-toggle {display:none;}
	aside { display:block;width:100%;margin:0;}
	aside ul { display:flex; justify-content:space-between; margin:0; list-style:none; padding:0; }

	aside li { width:calc(100% / 7); text-align:center; padding:20px 0; background:#bea0a0; border:1px outset #937373; border-width:1px 1px 2px 1px; transform:perspective(1px) translateZ(0); position:relative;}
	aside li:before { position:absolute; content:"";  z-index:-1; top:0; left:0; right:0; bottom:0;  background:#937373; transform:scale(0); transition-property:transform; transition-duration:.15s;transition-timing-function:ease-out; }
	aside li:hover:before, aside li:focus:before, aside li:active:before { transform:scale(1); }
	
	aside li a { color:#f2f4f3; font-size:1.2em; }
	aside li a span { font-weight:700;letter-spacing:.08em; color:rgba(250,250,250,.25)}
	aside li:hover a, aside li:active a { color:#fff6f6; }
	main { padding:2em 70px 0; }
	#title { font-size:3.2em; }
	h1 { font-size:2.4em; }
	ul {padding:0 0 0 40px;}
	
	section::after{ display:block; clear:right; content:""; height:4em; }
}
@media screen and (min-width:1080px){
	body {background:#e0d4c0 url(../images/back.gif); padding-top:25px;}
	#rand { border:8px solid #fff; }
	#toprand { border:3px dotted #efe9e9; }
	.slideshow, .slideshow div{height:400px;}
	h1 { font-size:2.4em; margin:3px 0 27px; }
}
@media screen and (max-width:1023px){
	/*Copyright (c) 2018 by Ryan Mulligan (https://codepen.io/hexagoncircle/pen/OMJeja)*/
	.menu-toggle { opacity:1; background-color:transparent; position:absolute; z-index:99; top:16px; right:20px; border:none; width:30px; height:24px; outline:none; transition:opacity .2s ease-out;}
	.menu-toggle:before { content:""; position:absolute; top:0; right:0; bottom:0; left:auto; margin:auto; width:100%; background:linear-gradient(to bottom, #39414c, #39414c 20%, transparent 20%, transparent 40%, #39414c 40%, #39414c 60%, transparent 60%, transparent 80%, #39414c 80%, #39414c 100%); transition:opacity .2s ease-out, width .2s .2s ease-out; }
	.menu-toggle:after { opacity:0; content:'×'; color:#39414c; position:absolute; top:16px; left:-4px; font-family:Arial,sans-serif; font-size:76px; line-height:0; transition:opacity .4s ease-out; }
	.menu-toggle:active { -webkit-transform:translateY(2px); transform:translateY(2px); }
	.menu-toggle:hover { opacity:1; }
	.open .menu-toggle { opacity:1; }
	.open .menu-toggle:before { opacity:0; width:0; }
	.open .menu-toggle:after { opacity:1; -webkit-transform:translate3d(0, 0, 0) rotate(180deg); transform:translate3d(0, 0, 0) rotate(180deg); transition:opacity .4s 1s ease-out, -webkit-transform .4s 1s ease-out; transition:transform .4s 1s ease-out, opacity .4s 1s ease-out; transition:transform .4s 1s ease-out, opacity .4s 1s ease-out, -webkit-transform .4s 1s ease-out; }

	nav { overflow:hidden; z-index:98; position:fixed; top:-100%; left:0; width:100%; height:100%; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; }
	nav:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto; background:rgba(209,228,222,.98); width:100%; height:0; padding-bottom:100%; border-radius:100%; -webkit-transform:scale(.04), translateY(9999px); transform:scale(.04), translateY(9999px); overflow:hidden; }
	.open nav { top:0; }
	.open nav:before { -webkit-animation:menu-animation .8s ease-out forwards; animation:menu-animation .8s ease-out forwards; }

	ul.menu { position:fixed; top:50%; left:50%; width:80%; list-style:none; margin:0; padding:0; -webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -webkit-perspective:1000; perspective:1000; }
	ul.menu li { opacity:0; text-align:center; cursor:pointer; padding:2px 20px; font-size:30px; line-height:30px; -webkit-transform:translate3d(0, 36px, 0); transform:translate3d(0, 36px, 0); }
	ul.menu li a { display:inline-block; padding:10px 0; width:100%; color:#39414c;}
	ul.menu li a span { color:rgba(50,50,50,.25)}
	ul.menu li a:hover, ul.menu li a:visited { color:#39414c;}

	.open ul.menu li { opacity:1; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); transition:opacity .2s ease-out, -webkit-transform .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out; transition:transform .2s ease-out, opacity .2s ease-out, -webkit-transform .2s ease-out; }
	.open ul.menu li:nth-child(1) { transition-delay:.75s; }
	.open ul.menu li:nth-child(2) { transition-delay:.85s; }
	.open ul.menu li:nth-child(3) { transition-delay:.95s; }
	.open ul.menu li:nth-child(4) { transition-delay:1.05s; }
	.open ul.menu li:nth-child(5) { transition-delay:1.15s; }
	.open ul.menu li:nth-child(6) { transition-delay:1.25s; }
	.open ul.menu li:nth-child(7) { transition-delay:1.35s; }

	@-webkit-keyframes menu-animation{
	  0% { opacity:0; -webkit-transform:scale(.04) translateY(300%); transform:scale(.04) translateY(300%); }
	  40% { -webkit-transform:scale(.04) translateY(0); transform:scale(.04) translateY(0); transition:ease-out; }
	  40% { -webkit-transform:scale(.04) translateY(0); transform:scale(.04) translateY(0); }
	  60% { opacity:1; -webkit-transform:scale(.02) translateY(0); transform:scale(.02) translateY(0); }
	  61% { -webkit-transform:scale(.04); transform:scale(.04); }
	  99.9% { height:0; padding-bottom:100%; border-radius:100%; }
	  100% { -webkit-transform:scale(2); transform:scale(2); height:100%; padding-bottom:0; border-radius:0; }
	}

	@keyframes menu-animation{
	  0% { opacity:0; -webkit-transform:scale(.04) translateY(300%); transform:scale(.04) translateY(300%); }
	  40% { -webkit-transform:scale(.04) translateY(0); transform:scale(.04) translateY(0); transition:ease-out; }
	  40% { -webkit-transform:scale(.04) translateY(0); transform:scale(.04) translateY(0); }
	  60% { opacity:1; -webkit-transform:scale(.02) translateY(0); transform:scale(.02) translateY(0); }
	  61% { -webkit-transform:scale(.04); transform:scale(.04); }
	  99.9% { height:0; padding-bottom:100%; border-radius:100%; }
	  100% { -webkit-transform:scale(2); transform:scale(2); height:100%; padding-bottom:0; border-radius:0; }
	}
}

a[data-fancybox] img{cursor:zoom-in;}
.fancybox__backdrop::after{ content:""; position:absolute; width:10%; height:10%; filter:blur(2px); left:50%; top:50%; transform:scale(11); opacity:.3; background-image:var(--bg-image); background-size:cover; background-repeat:no-repeat; background-position:center center; }
.fancybox__container{ --fancybox-bg:#000; --fancybox-thumbs-width:48px; --fancybox-thumbs-ratio:1; --carousel-button-bg:rgb(91 78 76 / 74%); --carousel-button-svg-width:24px; --carousel-button-svg-height:24px; --carousel-button-svg-stroke-width:2.5; }
.fancybox__nav{ --carousel-button-svg-width:24px; --carousel-button-svg-height:24px; }
.fancybox__nav .carousel__button.is-prev{ left:20px; }
.fancybox__nav .carousel__button.is-next{ right:20px; }
.carousel__button.is-close{ right:auto; top:20px; }
.fancybox__slide{ padding:8px 88px; }
.fancybox__thumbs .carousel__slide{ padding:8px 8px 16px 8px; }
.is-nav-selected::after{ display:none; }
.fancybox__thumb{ border-radius:6px; opacity:.4; }
.fancybox__thumb:hover, .is-nav-selected .fancybox__thumb{ border-radius:6px; opacity:1}
.is-nav-selected .fancybox__thumb::after{display:none}