* { font-weight: normal; margin: 0; padding: 0; text-decoration: none }
a, a:visited { color: #fff; font-weight: bold }
a:active, a:hover { color: #aeaeae }
article { clear: both; padding: 0 15px 15px 15px }
aside { background: rgba(0,0,0,0.7); border-radius: 0 0 25px 0; 
        box-shadow: 0 0 20px #fff; height: 210px; padding: 15px 0 0 15px; 
	width: 240px }
body { color: #fff; font: 12px/16px Square721ExBT, Arial, Sans-serif }
button { background: #fff; border: none; border-radius: 5px; color: #000;
         font: bold 12px/16px Square721ExBT; margin: 0 0 0 105px;
         padding: 5px }
button:active, button:hover { background: #aeaeae }
dd { margin: 0 0 0 15px }
dt { margin: 15px 0 0 0 }
em { font: normal 14px/16px Neuropol, Arial, Sans-serif; letter-spacing: 1px }
fieldset { border: none }
/*fieldset #hp { display: none }*/
fieldset #hp { height: 0; left: 0; opacity: 0; position: absolute; top: 0; width: 0; z-index: -42 }
h1 { clear: both; font: normal 18px/22px Neuropol, Arial, Sans-serif;
     letter-spacing: 1px; margin: 15px 0 0 0 }
h2 { clear: both; font: normal 16px/20px Neuropol, Arial, Sans-serif;
     letter-spacing: 1px; margin: 15px 0 0 0 }
h3 { clear: both; font: normal 14px/16px Neuropol, Arial, Sans-serif;
     letter-spacing: 1px; margin: 15px 0 0 0 }
input { background: #fff; border: none; border-radius: 5px;
        box-shadow: 0 0 3px #fff; color: #000;
	font: 12px/16px Square721ExBT; padding: 5px; width: 300px }
input:focus { background: #aeaeae }
label { display: inline-block; vertical-align: top; width: 100px }
legend { font: normal 14px/16px Neuropol, Arial, Sans-serif;
         letter-spacing: 1px; margin: 0 0 5px 0 }
nav { margin: 0 0 15px 0; overflow: hidden }
option { margin: 5px }
p { margin: 15px 0 0 0 }
section { background: rgba(0,0,0,0.7); border-radius: 25px 0 0 0;
          box-shadow: 0 0 20px #fff; margin: 10px 0 0 245px;
	  width: 450px }
section article:lang(de), section nav:lang(de) { display: none }
select { background: #fff; border: none; border-radius: 5px;
         box-shadow: 0 0 3px #fff; color: #000;
	 font: 12px/16px Square721ExBT; padding: 5px; width: 310px }
select:focus { background: #aeaeae }
strong { font-weight: bold }
textarea { background: #fff; border: none; border-radius: 5px;
           box-shadow: 0 0 3px #fff; color: #000;
	   font: 12px/16px Square721ExBT; height: 48px; max-width: 310px;
	   padding: 5px; width: 300px }
textarea:focus { background: #aeaeae }
video { border-radius: 5px; box-shadow: 0 0 3px #fff; cursor: pointer }
#en:target ~ section article:lang(en),
#en:target ~ section nav:lang(en),
#de:target ~ section article:lang(de),
#de:target ~ section nav:lang(de) { display: block }
#en:target ~ section article:lang(de),
#en:target ~ section nav:lang(de),
#de:target ~ section article:lang(en),
#de:target ~ section nav:lang(en) { display: none }
.cancel { text-decoration: line-through }
.error { color: red }
.fade { animation: fadein 2s ease .42s 1 normal forwards;
        -webkit-animation: fadein 2s ease .42s 1 normal forwards; 
        background: rgba(0,0,0,1) }
.fb-like { height: 20px; text-align: left; width: 80px }
.gallery a { border-radius: 5px; box-shadow: 0 0 3px #fff; 
             display: inline-block; height: 53px; width: 79px; }
.gallery a img { border-radius: 5px; cursor: pointer; height: 53px; 
                 width: 79px }
.gallery a:focus img { border: none; box-shadow: 0 0 20px #fff; cursor: default; 
                       height: 427px; left: 50%; position: absolute; top: 50%;  
                       transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
                       transition-property: border, bottom, left, height, right, top, width, z-index; -webkit-transition-property: border, bottom, left, height, right, top, width, z-index;
                       transition-duration: 1s; -webkit-transition-duration: 1s;
                       width: 640px; z-index: 20 }
.gallery .close { background: transparent; cursor: pointer; display: none; 
                  height: 427px; left: 50%; position: absolute; top: 50%;
                  transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
                  width: 640px; z-index: 30 }
.gallery a:focus ~ .close { display:block }
.menu { border-radius: 25px 0 75px 0; float: left;
        font: bold 12px/16px Square721ExBT, Arial, Sans-serif;
        height: 90px; margin: 0 100px 100px 0; position: relative; width: 90px;
        z-index: 10 }
.menu:active, .menu:hover { height: 190px; margin: 0; width: 190px }
.menu > a { background: #fff; border-radius: 25px 0 75px 0;
            box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); color: #000;
	    height: 60px; padding: 15px; position: absolute; width: 60px }
.menu > a:active, .menu > a:hover,
.menu:active > a, .menu:hover > a { background: #aeaeae }
.menu ul { left: 0; list-style: none; position: absolute; top: 0;
           transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0;
           transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg);
           transition: all 1s; -webkit-transition: all 1s; z-index: -1 }
.menu:hover ul { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg);
                 transition: all 1s; -webkit-transition: all 1s }
.menu li { border-radius: 50px 0 190px 0;
           box-shadow: 0px 0px 3px rgba(0,0,0,0.4); display: block;
           height: 190px; left: 0; position: absolute; top: 0;
           transform-origin: 0 0; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0;
           width: 190px }
.menu li a { color: #000; display: block; margin: 14px 5px 5px 105px;
             transform: rotate(9deg); -ms-transform: rotate(9deg); -webkit-transform: rotate(9deg) }
.menu li:nth-of-type(1) { background: #fff;
                          transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg) }
.menu li:nth-of-type(2) { background: #fff;
                          transform:rotate(18deg); -ms-transform:rotate(18deg); -webkit-transform:rotate(18deg) }
.menu li:nth-of-type(3) { background: #fff;
                          transform:rotate(36deg); -ms-transform:rotate(36deg); -webkit-transform:rotate(36deg) }
.menu li:nth-of-type(4) { background: #fff;
                          transform:rotate(54deg); -ms-transform:rotate(54deg); -webkit-transform:rotate(54deg) }
.menu li:nth-of-type(5) { background: #fff;
                          transform:rotate(72deg); -ms-transform:rotate(72deg); -webkit-transform:rotate(72deg) }
.menu li:active, .menu li:active a,
.menu li:hover, .menu li:hover a { background: #aeaeae }
.minor { float: right; padding: 6px 15px 15px 15px; text-align: right }
.minor a[href^="#"] { background: #fff; border-radius: 5px; color: #000;
                      padding: 5px; vertical-align: 9px }
.minor a[href^="#"]:active, .minor a[href^="#"]:hover { background: #aeaeae }
.minor p { margin: 9px 0 0 0 }
.minor > p:first-child { font: normal 14px/16px Neuropol, Arial, Sans-serif }
@font-face { font-family: 'Neuropol'; src: url('fonts/neuropol.woff') }
@font-face { font-family: 'Neuropol'; src: url('fonts/neuropob.woff'); font-weight: bold }
@font-face { font-family: 'Square721ExBT'; src: url('fonts/sqr721e.woff') }
@font-face { font-family: 'Square721ExBT'; src: url('fonts/sqr721be.woff'); font-weight: bold }
@keyframes fadein { from { background: rgba(0,0,0,1);  } to { background: rgba(0,0,0,0.7); } }
@-webkit-keyframes fadein { from { background: rgba(0,0,0,1); } to { background: rgba(0,0,0,0.7); } }