*{

margin:0;
padding:0;

}



@font-face {
	font-family: 'Open Sans';
	src: url('font/open-sans/OpenSans-Regular.eot') format('embedded-opentype'),  url('font/open-sans/OpenSans-Regular.woff') format('woff'), url('font/open-sans/OpenSans-Regular.ttf')  format('truetype'), url('font/open-sans/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: 400;
  }

  
@font-face {
	font-family: 'Open Sans';
	src: url('font/open-sans/OpenSans-Bold.eot') format('embedded-opentype'),  url('font/open-sans/OpenSans-Bold.woff') format('woff'), url('font/open-sans/OpenSans-Bold.ttf')  format('truetype'), url('font/open-sans/OpenSans-Bold.svg') format('svg');
	font-weight: bold;
	font-style: 600;
  }

  
@font-face {
	font-family: 'Open Sans';
	src: url('font/open-sans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),  url('font/open-sans/OpenSans-Light.woff') format('woff'), url('font/open-sans/OpenSans-Light.ttf')  format('truetype'), url('font/open-sans/OpenSans-Light.svg') format('svg');
	font-weight: thin;
	font-style: 300;
  }


.wrapper{

height:100vh;
width:100%;
position:relative;
overflow:hidden;
background-image: url(img/funky-lines.png);

}

.main{

height:100vh;
width:75%;
background-image: url(img/funky-lines.png);


}

.imprint .imprint-menu{

position:fixed;

}

.imprint{

    height:100%;
    font-family:Open Sans;


}

.imprint .main{

    height:100%;
    width:100%;
    background-image: url(img/funky-lines.png);
    display:flex;
    }

    .imprint-height .main{

height:100vh;

    }

.sidebar{

height:1960px;
width:600px;
position:absolute;
right:-10px;
top:-80px;
background: linear-gradient(to bottom, #77787b 0%,#8e8e8e 100%);
transform: rotate(15deg);
overflow:hidden;


}

.sidebar-info-area{

    height:1150px;
    width:800px;
    bottom:0px;
    left:-50px;
    position: absolute;
    transform: rotate(-15deg);
background:linear-gradient(to bottom, #201260 0%,#29255b 100%);
    padding:50px;
    display:flex;
    justify-content: center;
    flex-wrap:wrap;
}

.sidebar-info-area p{

width:500px;
padding-top:15px;
padding-left:50px;
font-family: Open Sans;
color:white;
font-size:14px;

}

h2{

color:rgb(46, 48, 41);
font-family:Open Sans;
background:#201260;
padding:15px;
color:white;
border-radius:10px;
font-size:20px;
width:850px;
margin:0px;
text-align: center;
font-weight:400;
margin-bottom:20px;
text-shadow: inset 2px 1px 0px rgba(150, 150, 150, 1);

}

h3{

color:#201260;
font-size:16px;
text-align: center;
font-weight:600;


}




.margin-bottom{

margin-bottom:8px;

}

.text-box-middle{
  
display:flex;
flex-wrap:wrap;
width:880px;

}



.imprint p strong{

    background:#201260;
    color:white;
    padding:5px 10px;
    display:inline-block;
    margin-top:10px;
    

}

ul h4{

    background:#77787b;
    color:white;
border-radius:5px;
    padding:5px 10px;
    display:inline-block;
    margin-top:5px;

}

.imprint h1, .imprint h4{

    background:#201260;
    color:white;
    padding:5px 10px;
    display:inline-block;
border-radius:5px;
}

.imprint h4{

    margin-top: 3px;
    margin-bottom: 3px;

}

.imprint .main a{

color:#201260;

}

.imprint{

font-size:14px;

}

ul li{

font-size:14px;

}

li span{

    background:#77787b;
    color:white;
    padding:5px 10px;
    margin-bottom:5px;
    display:inline-block;
}


.text-box-middle p{

   width:100%;
margin:0 auto;
    
    }

    .text-box-middle div:first-child{

        
         
         }



.text-box-middle p{

   text-align:center;
margin-bottom:3px;
   color:#555555;
   padding:5px;
margin-bottom:0px;
padding-bottom:0px;
    
border-radius:5px;
}

.text-box-middle p span{

padding:2px 4px;
background:white;
font-size:16px;
text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);


}


.text-box-bottom-right{



}

.text-box-bottom-right p{

   text-align: right;
  

    }

.main-content{

width:100%;
height:100vh;
display:flex;
justify-content: center;
align-items:center;
flex-direction: column;
font-family:Open Sans;

}

.imprint .main-content{

height:100%;
display:block;
background:white;
width:900px;
margin:0 auto;
padding:50px 50px;


}

.logo{

width:900px;
margin-bottom:20px;

}


.imprint-menu{

position:absolute;
padding:20px;
bottom:0px;
list-style-type: none;

}

.imprint-menu li{

float:left;
margin-right:5px;


}

.imprint-menu li a{
border-radius:5px;
    padding:5px 10px;
    background-color:#201260;
    font-family: Open Sans;
    font-size:14px;
    color:white;
    text-decoration: none;
	    text-shadow: 1px 1px 0px rgba(150, 150, 150, 1);
    
    }

.imprint-menu li:hover a{

text-decoration:underline;

    
    }

.sidebox-grey{

background: linear-gradient(to bottom, #77787b 0%,#8e8e8e 100%);
width:400px;
height:800px;
position:absolute;
transform: rotate(15deg);
left:-300px;
top:-100px;
/* box-shadow: 14px 1px 4px -12px rgba(0,0,0,0.75); */
    }

    .imprint h1{
        
text-align:left;
margin-bottom:20px;
    }

    .imprint p{

        
        margin:0 auto;
text-align:left;
margin-bottom:10px;
color:

    }

    .imprint ul{

        color:rgb(46, 48, 41);
        margin: 0 auto;
        text-align:left;

    }

    @media screen and (max-width:1515px){

.logo{

width:650px

}

h2{

width:650px;

}

h3{

   
    text-align:center;
    
    }


    .sidebar-info-area{

        height: 1300px;
        
    }


    }



    @media screen and (max-width:1350px){



        .sidebox-grey{

            background:#77787b;
            width:100%;
            height:20px;
            position:static;
            transform: rotate(0deg);
            
            
                }
        


        .sidebar{

             display:none;
                    
                    
                  }
                    
       .sidebar-info-area{
                    
                        
                 }


        .main{

                height:100vh;
                width:100%;
                background-image: url(img/funky-lines.png);
                        
                }


        .wrapper{

                height:100vh;
                width:100%;
                position:static;
                overflow:hidden;
                            
            }


        .imprint-menu{

                position:absolute;
                padding:20px;
                bottom:0px;
                width: calc(100% - 40px);
                list-style-type: none;
                background:#77787b;
                                
                    }


                    .imprint .main{

                        height:100%;
                        width:100%;
                        background-image: url(img/funky-lines.png);
                        display:flex;
                        }

                    }

    @media screen and (max-width:991px){

        .logo, h2, h3{

            width:80%;
            margin:0 auto;

        }




.logo{




}

.imprint-menu{

                position:fixed;
                
                                
                    }


.imprint .main-content{

overflow:scroll;


}

      .empty-box{

height:150px;


         }   

.sidebox-grey{

display:none;

}

        h3{

font-size:14px;
width:80%;
            margin:0 auto;
            text-align:center;

        }

      .text-box-bottom-right  p{

            font-size:14px;
            width:80%;
            margin:0 auto;
            text-align:center;
font-weight:700;

        }

        h2{

            font-size:14px;
margin-top:20px;
margin-bottom:20px;

        }





.main{

height:100%;

}

    }



@media handheld and (max-width: 500px) and (orientation: landscape) {

  .sidebox-grey{

            background:#77787b;
            width:100%;
            height:20px;
            position:static;
            transform: rotate(0deg);
            
            
                }
        


        .sidebar{

             display:none;
                    
                    
                  }
                    
       .sidebar-info-area{
                    
                        
                 }


        .main{

                height:100vh;
                width:100%;
                background-image: url(img/funky-lines.png);
                overflow:scroll;        
                }


        .wrapper{

                height:100vh;
                width:100%;
                position:static;
                overflow:hidden;
                            
            }


        .imprint-menu{

                position:absolute;
                padding:20px;
                bottom:0px;
                width: calc(100% - 40px);
                list-style-type: none;
                
                                
                    }


                    .imprint .main{

                        height:100%;
                        width:100%;
                        background-image: url(img/funky-lines.png);
                        display:flex;
                        }

                  

h2{

font-size:14px;

}


}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px){

.text-box-middle{

margin-bottom:100px;


}



}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape){

 .imprint-menu{

background:none;

}

}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 812px) 
and (-webkit-device-pixel-ratio : 3)
and (orientation : landscape){

 .imprint-menu{

background:none;

}

}


@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : landscape){

 .imprint-menu{

background:none;

}

}



 @media screen and (max-height:700px){



        .sidebox-grey{

            background:#77787b;
            width:100%;
            height:20px;
            position:static;
            transform: rotate(0deg);
            
            
                }
        


        .sidebar{

             display:none;
                    
                    
                  }
                    
       .sidebar-info-area{
                    
                        
                 }


        .main{

                height:100vh;
                width:100%;
                background-image: url(img/funky-lines.png);
                        
                }


        .wrapper{

                height:100vh;
                width:100%;
                position:static;
                overflow:hidden;
                            
            }


        .imprint-menu{

                position:absolute;
                padding:20px;
                bottom:0px;
                width: calc(100% - 40px);
                list-style-type: none;
                
                                
                    }


                    .imprint .main{

                        height:100%;
                        width:100%;
                        background-image: url(img/funky-lines.png);
                        display:flex;
                        }

                    }


 @media screen and (max-height:400px){

.main{

overflow:scroll;

}

.logo{

width:400px;

}

h2{

font-size:14px;

}

}