/*
 * @template opw
 * @version see info.php of this template
 * @author Lutz Arps
 * @copyright 2018 
 * @license http://creativecommons.org/licenses/by/3.0/
 * @license terms see info.php of this template
 * @platform see info.php of this template
 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Regular.woff2')format('woff2'),url('../fonts/Roboto-Regular.woff')format('woff');font-weight:normal;font-style:normal;}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto-Bold.woff2')format('woff2'),url('../fonts/Roboto-Bold.woff')format('woff');font-weight:bold;font-style:normal;}
html{font-size:1.5em}
body{overflow-y:scroll;font-family:'Roboto',sans-serif;line-height:1.2;background-color:#fff8ef}
#wrapper{width:40rem;padding:2rem;margin:0 auto 1rem;background-color:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1)}
header{background-color:#876}
header h1{font-size:2rem;padding:1rem 0 0;text-align:center;color:#ec9}
nav{overflow:visible;height:5rem;background:#876 url("logo.svg") no-repeat 51% top;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain}
nav a{display:inline-block;padding:.5rem;color:#ec9;text-decoration:none}
nav a:hover{background-color:#987}
nav .menu-current a{color:#fff}
nav>ul{width:100%;padding-top:2.8rem;text-align:center}
nav>ul>li{display:inline-block;position:relative;vertical-align:top}
nav>ul>li.menu-expand>a:hover{cursor:default}
nav>ul>li.menu-expand + li{margin-left:8rem}
nav li>ul{display:none}
nav li:hover>ul{display:inline-block;position:absolute;top:2.2rem;left:0;-webkit-box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);-moz-box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);text-align:left;background:#876;z-index:1}
nav li:hover>ul a{width:90%}
nav>ul>ul a{display:block;float:none}
nav a.showmenu,nav a.hidemenu{float:right;margin-top:-4rem;font-size:3rem;padding:.7rem 1rem;display:none}
main{-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;margin-top:1rem;min-height:32rem}
main h2{padding:1rem 0;font-size:1.4rem;color:#333;text-align:center}
main ul{padding-left:1rem}
main p{padding:.25rem 0}
main a{display:inline-block;padding:.5rem;color:#665b51;text-decoration:none;-webkit-border-radius:.2rem;-moz-border-radius:.2rem;border-radius:.2rem;-webkit-box-shadow:0 0 .5rem rgba(0,0,0,0.1) inset;-moz-box-shadow:0 0 .5rem rgba(0,0,0,0.1) inset;box-shadow:0 0 .5rem rgba(0,0,0,0.1) inset}
main a.section_anchor{display:none}
main a:hover{-webkit-box-shadow:0 0 .5rem rgba(0,0,0,0.1);-moz-box-shadow:0 0 .5rem rgba(0,0,0,0.1);box-shadow:0 0 .5rem rgba(0,0,0,0.1)}
main table{margin:.5rem 0}
main table,th,td{padding:.3rem .3rem .3rem 0}
main img{height:auto;margin:1rem 0;width:40rem}
main img.image_left{float:left;padding-right:1rem;width:19rem}
main img.image_right{float:right;padding-left:1rem;width:19rem}
footer{clear:both;width:100%;padding:1.5rem 0 .5rem}
footer>p{font-size:.8rem;line-height:0;}
footer>p+p{font-size:.8rem;text-align:right}
@media screen and (max-width:85rem){html{font-size:1.0em}}
@media screen and (max-width:44rem){body{background-color:#fff}#wrapper{width:auto;padding:0;margin:0;box-shadow:none}header{display:none}nav{width:100%;height:5rem;background-position:center top}nav a{display:none}nav a.showmenu{display:block}nav a.hidemenu{display:none}main{min-height:initial;padding:0 .5rem}main h2{padding:.5rem 0;font-size:1.25rem}main img,main img.image_left,main img.image_right{width:100%;height:auto;padding:0}footer>p{display:none}footer>p+p{text-align:center}
nav.responsive{overflow:visible;height:auto;background-image:none}nav.responsive a{display:block;padding:.5rem}nav.responsive>ul{text-align:left}nav.responsive>ul>li{display:block}nav.responsive>ul>li.menu-expand + li{margin-left:0}nav.responsive a.showmenu{display:none}nav.responsive a.hidemenu{display:block;position:absolute;top:0;right:0;margin-top:0;padding:.7rem 1rem}
nav.responsive li>ul{display:none}nav.responsive li:hover>ul{display:inline-block;position:absolute;top:0rem;left:7rem;-webkit-box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);-moz-box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);box-shadow:0rem .5rem 1rem 0rem rgba(0,0,0,0.2);text-align:left;background:#876;z-index:1}nav.responsive li:hover>ul a{width:90%}nav.responsive>ul>ul a{display:block;float:none}}