*{
  margin:0px;
  padding:0px;
  font-size:14px;
  line-height:1.4em;
  text-decoration:none;
  color:#FFFFFF;
  border:0px;
  font-family:Arial,sans-serif;
}

html,body{
  color:#FFFFFF;
  width:100%;
  height:100%;
  overflow:hidden;
  z-index:1;
  background-color: #A8A8A8;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  background-image: -ms-radial-gradient(center, circle farthest-corner, #CFCFCF 0%, #0B1326 100%);
  background-image: -moz-radial-gradient(center, circle farthest-corner, #A8A8A8 0%, #0B1326 100%);
  background-image: -o-radial-gradient(center, circle farthest-corner, #A8A8A8 0%, #0B1326 100%);
  background-image: -webkit-gradient(radial, center center, 0, center center, 506, color-stop(0, #A8A8A8), color-stop(1, #0B1326));
  background-image: -webkit-radial-gradient(center, circle farthest-corner, #A8A8A8 0%, #0B1326 100%);
  background-image: radial-gradient(circle farthest-corner at center, #A8A8A8 0%, #0B1326 100%);
}

body > section{
    
}
.cornerleftbottom{
  border-bottom-left-radius:0px !important;
}
.cornerlefttop{
  border-top-left-radius:0px !important;
}
.cornerrightbottom{
  border-bottom-right-radius:0px !important;
}
.cornerrighttop{
  border-top-right-radius:0px !important;
}


#m{
  display:none;
}


#alpha{
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  background-color:rgba(0,0,0,0.7);
  z-index:900;
}
.hide{
  border-radius:27px;
  border:1px solid #C0C0C0;
  background:#000;
  padding:27px;
  opacity:0;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  z-index:1000;
  max-width:45vW;
  max-height:50vH;
  transition:opacity 1s;
}
.projektinfo{
  border-radius:27px;
  border:1px solid #C0C0C0;
  background:#000;
  position:fixed;
  padding:27px;
  display:none;
  z-index: 15000;
  max-width:400px;
}
.content{
  overflow: auto;
  max-height:45vH;
}
h1{
  font-size:16px;
}
.aktiv{
  opacity:1;    
}
.close{
  position:absolute;
  top:-10px;
  right:-10px;
  line-height:30px;  
  height:30px;  
  width:30px;
  display:block;
  text-align: center;
  color:#fff;
  background-color:#c00000;
  border-radius:15px;
  font-weight:bold;
  cursor:pointer;
}

    body > svg{
        position:fixed;
        top:0px;
        left:0px;
        z-index:100;
        max-height: 100vH;
        max-width: 100vW;
    }
    svg tspan{
        font-size:19px;
        font-family: "Courier New" ;
        letter-spacing: 1.4px;
        opacity:0.2;
        fill:#969696;
    }
    .drag{
        cursor: move;
    }
    .drag a{
        opacity:0.6;
        transition: all 0.6s;
    }
    .drag:hover a{
        opacity:1;        
    }
    
    svg a,text{
        fill:#fff;
        font-weight:bold;
        font-size:1rem;
    }
    #logo{
        position:fixed;
        right:0px;
        bottom:0;
        z-index:1000;
        height:100vH;
        width:70px; 
        overflow: visible;
        background-image:url(../images/wp_logo.png);
        background-size:contain;
        background-repeat: no-repeat;
        background-position: center;
    }
    section{
        position:fixed;
        z-index:1000;
    }
    label{
        display:inline-block;
        vertical-align: top;
        margin-top:4px;
        width:100px;
    }
    form{
        line-height: 2.2em;
    }
    input,textarea{
        width:300px;
        padding:2px 5px;
        border-radius:5px;
        border:1px solid #C0C0C0;
        background-color: transparent;
    }
    textarea{
        margin-top: 3px;
    }
    input[type=reset],input[type=submit]{
        width:150px;
    }
    input[name=vorname]{
        display:none;
    }
    
    .projektlink{
        display:inline-block;
        margin:5px;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        vertical-align: top;
    }
    .projektlink:hover{
        margin:7px 3px 3px 7px;
    }
    .projektlink img{
        box-shadow:5px 5px 9px #333333;
        border-radius:7px;
        border:1px solid #C0C0C0;
        -webkit-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
        filter: grayscale(90%);
        -webkit-filter: grayscale(90%);
        -moz-filter: grayscale(90%);
        -ms-filter: grayscale(90%);
        -o-filter: grayscale(90%);
        max-width:100px;
        max-height:75px;
    }
    .projektlink:hover img{
        box-shadow:1px 1px 9px #333333;
        filter: grayscale(0%) !important;
        -webkit-filter: grayscale(0%) !important;
        -moz-filter: grayscale(0%) !important;
        -ms-filter: grayscale(0%) !important;
        -o-filter: grayscale(0%) !important;
    }
    .projektinfo > .small{
      font-size:0.7rem;
    }
    .projektinfo > p{
      font-size:0.8rem;
      padding-top:4px;
    }
    .projektinfo > a{
      font-size:0.9rem;
      font-style:italic;
    }
    .projektinfo > a > img{
      vertical-align:bottom;
    }
    .fehler{
        color:#c00000;
    }
#spielmatz{
  display:inline-block;
  position:fixed;
  width:150px;
  height:20px;
  top:4px;
  left:8px;
  opacity:0.4;
  z-index:10000;
}
#spielmatz:hover{
  opacity:0.8;
}
.colorpicker{
  z-index:10000;    
}
#linethrough{
    display:inline-block;
    margin:0px 5px;
}
#linethrough:before{
    display:block;
    content: " ";
    height:2px;
    width:115%;
    background-color:#FF9900;
    position:relative;
    top:12px;
    left:-3px;
    transform: rotate(-6deg);
}
#layout img{
    display:inline-block;
    vertical-align:bottom;
    margin:5px;
    max-width: 300px;
    max-height: 150px;
    margin-right: 70px;
}