@charset "utf-8";
/* CSS Document */

@media ( min-width : 768px ) and (max-width : 991px ){	
	
body {
    background-image: url("../images/back-groundA.jpg");
}
    .notice {
    display: none;
}
    
	.tophead #headimage {
    position: relative;
    color: #1D4BE0;
    text-align: center;
}
	#headimage img {
	width: 100%;
	height: 150px;
	position: relative;
}

	#headimage #curry h1 {
    font-size: 20px;
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    text-shadow: 1px 0px 1px #8B8282;
    width: 40rem;
    left: 0px;
    right: 35%;
    top: 10px;
    position: absolute;
}
	

	.cards {
        margin-top: -1em;
    }

	
     .tainer .thumbnail {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	padding-bottom: auto;	
}
		
 	.card-content p {
	font-size: 16px;
	 color: black;
}
	.card-content h1 {
	font-size: 22px;
	text-decoration: underline;
	color: #000;
	}
	

    /*.card {
    display: flex;
    flex:0 1 calc(50% - 1em);
    border: thin solid #8C8F8F;
    background: #F3F0CC;
    margin-bottom: 1em;
    color: black;
    text-decoration: none;
    }*/
	
	
	.cards {
        margin-top: -1em;
    }
	
	/*.card .thumbnail {
	display: inline;
	flex-grow: 1; 
}*/
	
	.tainer .card-content p {
	font-size: 14px;
}
	
	
	
	/*Aktuelles*/
	.colt .card-content2 h1 {
	width: 100%;
	text-align: left;
}
	.colt .card-content2 p {
	margin-left: 10px;
	margin-right: 10px;
}
	
	.colt .card-content2 h2 {
	width: auto;
	height: auto;
}

	.card-content2 {
	max-height: 300px;
	display: flex;
	flex: 0 1 calc(50% - 1em);
	margin-bottom: 1em;
	flex-wrap: nowrap;
	justify-content: space-around;
	font-size: 15px;
	margin-left: 1px;
	margin-right: 1px;
}
	
	.colt {
	    display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: -1em;
}
	
	#akt {
	font-size: 28 px;
	color: #1B3FE5;
}
	
	.colt .card-content2 .rt {
	height: auto;
	width: auto;
}

.card-content a h2 {
	font-size: 19px;
}

/*#quizBtn {
    position: relative;
    top: -71px;
    left: 40%;
	right: 60%;
    height: 0px;
}*/
.tainer video {
    width: 350px;
}




	}