@font-face{font-family: 'Comfortaa';  font-style: normal;  font-weight: 300 700;src: url('../fonts/Comfortaa/Comfortaa-VariableFont_wght.ttf') format('truetype'); font-display: swap;}
body{font-family: 'Comfortaa', sans-serif;  font-weight: 300;}
html,body,div,p,span,h1,h2,h3,ul,li,a,img{padding:0;margin:0;line-height:0;border:0;font-size:0;font:inherit;vertical-align:baseline}
html,body{width:100%;height:100%;text-align:center;margin:0 auto;font-family:'Comfortaa',sans-serif;font-weight:300;
background:#000 url(../images/background-stephan-kuehn2.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
background-size:cover;-ms-filter:"progid: DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background-stephan-kuehn2.jpg',sizingMethod='scale')"}
#page{margin:0 auto;position:relative;width:100%;height:100%;text-align:center}label#label-menu-main-open{display:none}input#menu-main-open{display:none}#content{margin:0 auto;text-align:justify;text-decoration:none;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
#content h1{text-align:center;font-weight:700;margin:0 0 20px 0}#contact{width:100%;margin:0 auto;text-align:center;font-size:0;padding:2px;-webkit-transition:all 2s linear;transition:all 2s linear}
#contact a{padding:5px;margin:0;text-decoration:none}#contact:hover{-webkit-transform:rotateY(360deg);-webkit-transform-style:preserve-3d;transform:rotateY(360deg);transform-style:preserve-3d}
#footer{position:fixed;font-size:0;bottom:0;left:0;right:0;opacity:.9;background:rgba(15,15,15,0.6);padding:0;text-align:center;margin:0;border:0;z-index:1;border-top:1px solid rgba(239,239,239,0.8)}
.footer-text{position:fixed;-webkit-box-shadow:0 -5px 20px 10px rgba(255,255,255,0.6);-moz-box-shadow:0 -5px 20px 10px rgba(255,255,255,0.6);box-shadow:0 -5px 20px 10px rgba(255,255,255,0.6);-webkit-transition:all 1s linear;-moz-transition:all 1s linear;-o-transition:all 1s linear;-ms-transition:all 1s linear;transition:all 1s linear}
.footer-text:hover{-webkit-box-shadow:0 -25px 600px 900px rgba(255,255,255,0.9);-moz-box-shadow:0 -25px 600px 900px rgba(255,255,255,0.9);box-shadow:0 -25px 600px 900px rgba(255,255,255,0.9);-webkit-transition:all 8s linear;-moz-transition:all 8s linear;-o-transition:all 8s linear;-ms-transition:all 8s linear;transition:all 8s linear}
#footer *{-ms-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
#menu-main{z-index:1;margin:0;padding:0;position:fixed;left:0;right:0;color:#fff;font-weight:700;text-shadow:1px 1px 1px rgba(0,0,0,0.8);border-bottom:1px solid rgba(0,0,0,0.4)}
#menu-main ul.menu-list{margin:0;padding:0;list-style-type:none;position:relative;width:100%;background:rgba(15,15,15,0.2);opacity:.5}
#menu-main ul.menu-list:hover{background:rgba(63,63,63,0.8);opacity:1}
#menu-main a{cursor:default}#w3c-tooltip a{color:#ff0;text-decoration:none;font-weight:700}#w3c-tooltip a:hover{color:#fff}
#content p{margin-bottom:20px}
@media all and (min-width: 801px)
{
html,body{font-size:20px}
#menu-main ul.menu-list{height:49px}#menu-main ul.menu-sublist{top:49px}
#menu-main .menu-item a{min-width:110px;padding:0 5px 1px}
#menu-main .menu-subitem a{min-width:20%;padding:0 5px 1px}
#menu-main li.menu-item,#menu-main li.menu-subitem{margin:10px 6px}
#menu-main ul.menu-list li:hover > ul.menu-sublist,#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{height:45px}
#menu-main ul.menu-list li:hover > ul.menu-sublist li a{opacity:1;font-size:800%}
#content{font-size:90%;width:720px;padding:70px 0}
#content h1{font-size:160%}
#footer{height: 26px}
#copyright{left:0;width:320px;padding:3px 3px;text-shadow:-1px -1px 3px #fff,1px -1px 3px #fff,-1px 1px 3px #fff,1px 1px 3px #fff;margin:2px;text-align:left;cursor:default;opacity:.8;font-weight:700;color:#000;font-size:12px;letter-spacing:0;}
#update{text-align:right;color:#ccc;font-size:13px;padding:3px 6px 2px;letter-spacing:-1px;position:absolute;bottom:0;right:130px;}
#update-date{letter-spacing:0;font-weight:700}
#footer-links{padding:1px 0;font-size:14px;font-weight:700;color:#fff;bottom:0;left:156px;right:320px;text-align:right;position:absolute;bottom:0;}
#footer-links a{text-decoration:none;color:#fff;margin:0;padding:0}
#footer-links a:hover{color:#ff0}
#footer-links ul{display:inline-block;margin:0;padding:0;list-style-type:none}
#footer-links ul li{border-left:1px solid #fff;display:inline-block;margin:0;padding:0 4px;list-style-type:none}
#footer-links ul li:last-child{border-right:1px solid #fff}
#w3c{height:24px;padding:0;right:0;font-size:0;color:#fff;text-shadow:none;font-size:0;z-index:4;margin:0;cursor:pointer;text-align:right;position:absolute;bottom:0;right:0}
#w3c img{font-size:0;height:20px;width:auto;border:0;margin:0;padding:0}
#w3c-tooltip{z-index:5;position:absolute;font-size:0;opacity:0;color:#fff;background:#000;bottom:0;right:0;text-align:left;padding:1px 4px;transition:all 1s ease-in-out;width:1px;height:22px}
#w3c:hover > #w3c-tooltip{font-size:13px;opacity:1;transition:all 1s ease-in-out;width:560px}
}
@media all and (max-width: 800px)
{
#footer{height:52px}
#copyright,#update{height:15px;padding:3px 1px 2px;bottom:0;letter-spacing:0;position:absolute}
#copyright{left:0;width:260px;padding:3px 1px 2px;text-shadow:-1px -1px 3px #fff,1px -1px 3px #fff,-1px 1px 3px #fff,1px 1px 3px #fff;margin:0;text-align:left;cursor:default;opacity:.8;font-weight:700;color:#000;font-size:10px}
#update{text-align:right;color:#ccc;font-size:10px;position:absolute;padding:0 4px;bottom:0;height:24px;width:120px;right:58px;line-height:12px;letter-spacing:-1px}
#update-date{letter-spacing:0;font-weight:700}#footer-links{height:16px;padding:1px;font-size:12px;font-weight:700;color:#fff;position:absolute;bottom:23px;left:0;text-align:right}
#footer-links a{text-decoration:none;color:#fff}#footer-links a:hover{color:#ff0}#footer-links ul{display:inline-block;margin:0;padding:0;list-style-type:none}
#footer-links ul li{border-right:1px solid #fff;display:inline-block;margin:0;padding:0 5px;list-style-type:none}#footer-links ul li:first-child{padding:0 5px 0 1px}
#footer-links ul li:last-child{border:0}#w3c{height:40px;padding:0;right:0;font-size:0;color:#fff;position:absolute;bottom:0;text-shadow:none;font-size:0;z-index:4;margin:0;cursor:pointer;text-align:right;width:60px}
#w3c img{font-size:0;height:20px;width:auto;border:0;margin:0;padding:0}
#w3c-tooltip{z-index:5;position:absolute;font-size:0;opacity:0;color:#fff;background:#000;bottom:0;right:0;text-align:left;padding:1px 4px;transition:all 1s ease-in-out;width:1px;height:38px}
#w3c:hover > #w3c-tooltip{font-size:13px;opacity:1;transition:all 1s ease-in-out;width:320px}
}

@media all and (min-width: 641px) and (max-width: 800px)
{
html,body{font-size:17px}
input#open-menu-main{display:none}
#menu-main ul.menu-list{height:39px}#menu-main ul.menu-sublist{top:40px}
#menu-main .menu-item a{min-width:100px;padding:0 3px 1px}
#menu-main .menu-subitem a{min-width:18%;padding:0 3px 1px}
#menu-main li.menu-item,#menu-main li.menu-subitem{margin:6px 4px}
#menu-main ul.menu-list li:hover > ul.menu-sublist,#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{height:35px}
#menu-main ul.menu-list li:hover > ul.menu-sublist li a{opacity:1;font-size:800%}
#content{font-size:90%;width:480px;padding:50px 0}#content h1{font-size:140%}

}
@media all and (min-width: 641px)
{
#menu-main,#menu-main .menu-item a,#menu-main .menu-item a:hover,#menu-main .menu-subitem a,#menu-main .menu-subitem a:hover,
#menu-main:hover,#menu-main ul.menu-list,#menu-main ul.menu-sublist,#menu-main li.menu-item,#menu-main li.menu-subitem,
#menu-main ul.menu-list li:hover > ul.menu-sublist,#menu-main ul.menu-sublist li:hover > ul.menu-subsublist,#menu-main ul.menu-list li:hover > ul.menu-sublist a,
#menu-main ul.menu-sublist li:hover > ul.menu-subsublist a{transition:all .9s ease-in-out;-webkit-transition:all .9s ease-in-out;-moz-transition:all .9s ease-in-out;-ms-transition:all .9s ease-in-out;-o-transition:all .9s ease-in-out}
#menu-main ul.menu-sublist{margin:0;padding:0;visibility:hidden;list-style-type:none;position:absolute;left:0;right:0;width:100%;height:0;opacity:0;background:rgba(255,255,255,0);border-bottom:1px solid rgba(0,0,0,0.2);font-size:10%}#menu-main li.menu-item,#menu-main li.menu-subitem{display:inline-block;list-style:none;text-align:center}
#menu-main .menu-item a:hover,#menu-main .menu-subitem a:hover{border-radius:4px;-webkit-border-radius:4px;border:1px solid rgba(0,0,0,0.2);border-style:inset;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}#menu-main .menu-item a:hover{background:rgba(255,255,255,0.4)}
#menu-main .menu-subitem a:hover{background:rgba(0,0,0,0.4)}
#menu-main .menu-item a{display:inline-block;text-align:center;font-weight:700;border:1px solid transparent;text-decoration:none;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.8)}
#menu-main .menu-subitem a{text-align:center;font-weight:700;border:1px solid transparent;text-decoration:none;color:#000;text-shadow:1px 1px 1px rgba(255,255,255,0.8);opacity:0}
#menu-main .menu-item a:hover{color:#ff0}
#menu-main .menu-subitem a:hover{color:#ff0}
#menu-main ul.menu-list li:hover > ul.menu-sublist,#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{visibility:visible;opacity:1;background:rgba(255,255,255,0.8)}

}
@media all and (max-width: 640px)
{
html,body{font-size:15px}
#menu-main-open{width:100%!important;text-align:center!important;margin:0 auto!important}
label#label-menu-main-open{display:block;margin:0;padding:3px 0;width:100%;background:rgba(15,15,15,0.2);opacity:.5}
#menu-main:hover{background:rgba(15,15,15,0.9);opacity:.9}input#menu-main-open:checked ~ .menu-list{height:auto!important;display:block}.menu-list{height:0;display:none}
#menu-main ul.menu-sublist{overflow:hidden;margin:0;padding:0;list-style-type:none;width:100%;max-height:0;opacity:0;background:rgba(255,255,255,0)}
#menu-main li.menu-item,#menu-main li.menu-subitem{list-style:none;text-align:center}#menu-main .menu-item a,#menu-main .menu-subitem a{padding:4px 0;width:100%;margin:0;text-align:center;font-weight:700;text-decoration:none;display:inline-block}
#menu-main .menu-item a{color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.8)}#menu-main .menu-subitem a{color:#000;text-shadow:1px 1px 1px rgba(255,255,255,0.8)}#menu-main .menu-item a:hover{color:#ff0;background:rgba(255,255,255,0.4)}
#menu-main .menu-subitem a:hover{color:#ff0;background:rgba(0,0,0,0.4)}#menu-main ul.menu-list li:hover > ul.menu-sublist,#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{opacity:1;background:rgba(255,255,255,0.8)}
#menu-main li{width:100%!important;position:relative!important}
#menu-main ul.menu-list{background:rgba(15,15,15,0.9)!important;opacity:.9!important;border-bottom:0!important}
#menu-main ul.menu-list li:hover > ul.menu-sublist,
#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{opacity:1;background:rgba(255,255,255,0.8);max-height:300px}#menu-main,#menu-main .menu-item a,#menu-main .menu-item a:hover,#menu-main .menu-subitem a,
#menu-main .menu-subitem a:hover,#menu-main:hover,#menu-main ul.menu-list,#menu-main ul.menu-sublist,#menu-main li.menu-item,#menu-main li.menu-subitem,#menu-main ul.menu-list li:hover > ul.menu-sublist,
#menu-main ul.menu-sublist li:hover > ul.menu-subsublist{transition:all 1.5s linear;-webkit-transition:all 1.5s linear;-moz-transition:all 1.5s linear;-ms-transition:all 1.5s linear;-o-transition:all 1.5s linear}
#content{font-size:80%;width:90%;padding:30px 0}#content h1{font-size:130%}
}
#menu-main li.menu-item a.menu-item-inactive:hover{color:#fff;background:none}