@import url('hard.css');
@import url('easy.css');
/*--------------------------------------------------------------------------------------------------------------------*/
/*Fonts*/
/*--------------------------------------------------------------------------------------------------------------------*/
@font-face {
	font-family: 'melior';
	src: url('../fonts/melior/melior-webfont.eot');
	src: url('../fonts/melior/melior-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/melior/melior-webfont.woff') format('woff'),
		 url('../fonts/melior/melior-webfont.ttf') format('truetype');
}

/*--------------------------------------------------------------------------------------------------------------------*/
/* FM */
/*--------------------------------------------------------------------------------------------------------------------*/

.topper { background: #efefef; padding: 15px 0; }

.controlsx { position: fixed; bottom: 0; left: 0; height: 100px; width: 100%; }
.controlsx a { display: block; float: left; height: 100px; width: 50%; font-size: 50px; color: #fff; padding-top: 20px; }

.bg-rot { background: #ca2f56; }
.bg-gruen { background: #8cd000; }

/*--------------------------------------------------------------------------------------------------------------------*/
/*HTML, Body etc.*/
/*--------------------------------------------------------------------------------------------------------------------*/
html {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
body {
    background: #fff; /* Old browsers */

    font-family: melior;
    width: 100%;
    height: 100%;

    font-size: 30px;
    margin: 0;
    padding: 0;
    overflow:hidden;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Buttons CSS */
/*--------------------------------------------------------------------------------------------------------------------*/
.btn {
    font-size: 12px;
    border-radius: 0px;
}
.btn-danger{
    background-color: #ca2f56;
    font-size: 20px;
}

.btn-danger:hover
{
    background-color: #ca2f56; !important;
    border-color: #ca2f56; !important;
}
.btn-success{
    background-color: #8cd000;
    font-size: 20px;
    border-color: #8cd000;
}
.btn-success:hover
{
    background-color: #8cd000; !important;
    border-color: #8cd000; !important;
}
.btn-default{
    font-size: 20px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Header */
/*--------------------------------------------------------------------------------------------------------------------*/
#startseite_header
{
    background-color:#ffffff;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/* Menu */
/*--------------------------------------------------------------------------------------------------------------------*/
.menubutton.top{
    padding-top: 100px;
}

.center-block{
    float:none;
}

.vertical-center{
    min-height: 50%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 50vh; /* These two lines are counted as one 🙂       */
    display: flex;
    align-items: center;
}

/*
Start
*/

.start-box{

    height: 991px;
    margin-top: 50px;

/* FM: 21.01.2019 11:24:57 - Hintergrund entfernt
    background-image: url('../pics/bg.png');
*/


    background-position: center;
    background-repeat: no-repeat;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*Categories Page*/
/*--------------------------------------------------------------------------------------------------------------------*/
.cat-box{
    height: 991px;
    margin-top: 50px;
    background-image: url('../pics/bg.png');

    background-position: center;
    background-repeat: no-repeat;

}


.cat-overlay{
    position: absolute;
    top:33.333%;

    height: 300px;
    background-color: #FFFFFF;
    opacity: 0.9;
    box-shadow: 6px 6px 6px #e1edf7;

}

.categories-text{

    padding: 10px;

}

.categories {
    width: 100%;
    padding-right: 53px;
    padding-left: 53px;
    padding-top: 400px;
}

a.category-link{

    width: 300px;
    height: 175px;
    padding: 45px 20px 20px 20px;
    opacity: 1.0;
    margin: 25px;
    font-size: 48pt;
    color: #000;
    text-decoration: none;
    box-shadow: 6px 6px 0px 0px #b2bec8;
    text-align: center;
}

a.category-link:hover{
    opacity: 0.7;
}
.q-box-right{
    padding-top: 40px;

}

.q-box-wrong{
    padding-top: 40px;

}

.q-box-inner{
    padding-top: 40px;
}

/*endcard*/
#endcard_box{
    /*background-image: url('../pics/endcard-sad.png');*/
    height: 991px;
    margin-top: 50px;
    background-position: center;
    background-repeat: no-repeat;

}

.point-box{

}

.points {
    position: absolute;
    width: 260px;
    height: 100px;
    top: 300px;
    left: 1100px;
    font-size: 47pt;
}

/*--------------------------------------------------------------------------------------------------------------------*/
/*Footer*/
/*--------------------------------------------------------------------------------------------------------------------*/
footer {
    position: relative;
    margin-top: -150px; /* negative value of footer height */
    height: 150px;
    clear:both;
    padding-top:100px;
    text-align: center;
    font-size:10px;
}
/*--------------------------------------------------------------------------------------------------------------------*/
/*Media Queries*/
/*--------------------------------------------------------------------------------------------------------------------*/
@media (min-width: 1200px){
    .col-lg-2 {
        width: 12.66666667%;
    }
}
/*--------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------------------------------------------*/
/* FM :: 21.01.2019 11:24:01 */
/*--------------------------------------------------------------------------------------------------------------------*/
.no-padding { padding-left: 0; padding-right: 0; }
.no-margin { margin-left: 0; margin-right: 0; }
.catxgories { display: inline; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin-top: 0px;}
.lang-box { width: 272px; float: left; padding: 8px; margin-right: 30px; }
.lang-box .inner { text-align: center; }
.start-img { width: 100%; text-align: center; margin-bottom: 30px; }


/*--------------------------------------------------------------------------------------------------------------------*/
.copyright {
    font-size: 13px;
}
/*--------------------------------------------------------------------------------------------------------------------*/