*{margin: 0;padding: 0;}
body{margin: 0;padding: 0;}
html,body
{
    overflow-x: hidden; 
}
body img{
	width: 100%;
	max-width: 100%;
}
.custom-header{
	position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
}
.custom-footer{
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
#header{
	background: #fff;
}
#header .header-wraper{
	padding: 70px 0 100px 0;
}
#header img{
	width: 100%;
	max-width: 100%;
}
#header .logo img{
    width:30%;
    max-width: 100%;
}
#header p{
	font-family: 'Saira', serif;
	color:#677874;
}

#header .language{}
#header .language ul{
}
#header .language ul li{
	list-style: none;
	text-align: center;
	display: inline-block;
}
#header .language ul li a{
	display: inline-block;
	margin: 5px 5px;
}
#header .language ul li a img{
	border: 2px solid #000;
	width: 50px;
	max-width: 100%;
}

/*header end*/

/*start footer */
#footer{
	border-top: 2px dotted #677874;
	background: #fff;
	padding:30px 0 5px 0;
}

.footer-left-img img{
	width: 100%;
	max-width: 100%;
}
#footer h3{
	color: #677874;
	font-size: 15px;
	font-weight:600; 
	font-family: 'Saira', sans-serif;
	text-decoration: none;
	text-align: right;	
}
#footer p{
	font-family: 'Saira', sans-serif;
	color: #677874;
	font-size: 12px;
}


/*option.php page start*/
.header-top{
	border-bottom: 2px dotted #677874;
	background: #fff;
	padding:10px 0 0 0;
}
.game-section {
    padding: 70px 0 100px 0;
}
.game-section .danex ul{
	margin-top:50px;
}
.game-section .danex ul li{
	list-style: none;
	text-align: center;
	display: inline-block;
}
.game-section .danex ul li a{
	display: inline-block;
	margin: 5px 30px;
}
.game-section .danex ul li a img{
	width: 200px;
	max-width: 100%;
}
.game-section p{
	color:#ea5b0c;
	font-size: 18px;
	font-family: 'Saira', sans-serif;
}
.game-section .options-logo img{
	width:30%;
    max-width: 100%;
    margin: 0 auto;	
}
/*top left*/
#header .top-icon-wraper ul{
}
#header .top-icon-wraper ul li{
	list-style: none;
	text-align: center;
	display: inline-block;
}
#header .top-icon-wraper ul li a{
	display: inline-block;
	margin: 5px 5px;
}
#header .top-icon-wraper ul li a img{
	width: 150px;
	max-width: 100%;
	margin: 0 10px;
}
#header .home-icon img{
	width: 100px !important;
	max-width: 100% !important;
}
/*top right*/
#header .top-right ul{
	margin-top:0px;
}
#header .top-right ul li{
	list-style: none;
	text-align: center;
	display: inline-block;
}
#header .top-right ul li a{
	display: inline-block;
	margin: 5px 5px;
}
#header .top-right ul li a img{
	max-width: 100%;
}
/*secound page end*/

/*3rd page start*/


/*3rd page end*/

/*four page start*/

#four-body{
	padding:40px;

}
#four-body i{
	color: #ef7222; /* #677874; */
    font-size: 48px;
    margin-bottom: 15px;
    display: inline-block;
}
#four-body h2{
	display: inline-block;
	font-size: 22px;
	font-family: 'Saira', sans-serif;
	font-weight:500;
}

#four-body ul{
	float: right;
	margin-top: -30px;
}
#four-body ul li{
	list-style: none;
	text-align: center;
	display:block;
}
#four-body ul li a{
	display: inline-block;
	margin: 5px 5px;
}
#four-body ul li a img{
	width: 200px;
	max-width: 100%;
}
#four-body img{
	width: 50px !important;
	max-width: 100% !important;
}
#four-body .clicks-reload img{
	height: auto !important;
	width: auto !important;
	max-width: 100% !important;
	margin-bottom: 10px;
}
#four-body .clock-reload img{
	width: 105px;
	max-width: 100% !important;
	margin-bottom: 10px;
}
#four-body .clock-reload h2{
	    margin-left: 13px;
	    font-weight: 700;
	    color:#ea5b0c;
	    font-size: 24px;
	    margin-top: 10px;
}
.score-wraper{
	overflow: hidden;
}
.score-wraper h3{
text-align: left;
display: block;
font-weight: 700;
}
.score-wraper .score-w{	
	float: right;
	    padding-left: 150px;
	    color:#ea5b0c;
}
.score-wraper .point-w{	
	float: right;
	    padding-left: 150px;
	    color:#045ba8;
}
#four-body .score-wraper ul{
float: left ;
margin-top: 0;

}
#four-body .score-wraper ul li{
border-bottom: 2px dotted #677874;
display: block;
}
#four-body .four-img img{
	width:50% !important;
	max-width: 100% !important;
	margin-top: 50px;
}
/*four page end*/


/*five page start*/
.fiver-body{
	padding:80px 0;
}
.five-left{
text-align: center;
}
.fiver-body h2{
	text-align: center;
	font-size: 35px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#677874;
}

.five-left p{
	text-align: right;
}
.five-left p a{
	
	font-size: 20px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#68b42d;
	width: 200px;
}
.five-center p{
	text-align: center;}
.five-center p a{
	font-size: 20px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#68b42d;
}

.five-right p a{
	text-align: left;
	font-size: 20px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#68b42d;
}

.five-right h2{
	text-align: right;
	font-size: 24px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#677874;
}
.five-right img{
	width: 75%;
	max-width: 100%;
	float: right;
}
.border-bottom-five {
    border-bottom: 3px solid #ffff !important;
    width: 100px;
    margin: 0 auto;
    margin-bottom:20px;
}
.border-bottom-five-bottom{
	border-bottom: 3px solid #68b42d !important;
    width: 100px;
    margin: 0 auto;
    margin-bottom:40px;
}
#wissen .donauw:hover{
	text-decoration: none !important;
}

#wissen-bottom .donauw:hover{
	text-decoration: none !important;
}
#wissen-bottom{
	padding: 0; 
	padding-bottom:80px;
}
.wissen-bottom-btn p {
background-color: #68b42d;
color: #fff !important;
font-size: 14px !important;
font-weight: 500 !important;
transition: .5s all;
text-align: center;
padding: 10px 0;
border-radius: 10px;
}

.wissen-bottom-btn p:hover {
background-color: #467a1f;
}

.wissen-bottom-btn p a{
color: #fff !important;
}
/*fiver page end*/

/*start six page*/
.six-body{
	padding: 40px;
}

.six-body img{
	width: 250px !important;
    max-width: 100% !important;
    margin-bottom: 40px;
}

.six-body h2{
	font-size: 22px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#0079c2;
	margin-bottom: 10px;
}
.six-body p{
	font-size: 16px;
	font-family: 'Saira', sans-serif;	
}
/*end six page*/

/*lander page start*/
.lander-top .border-bottom-five {
    border-bottom: 3px solid #ffff !important;
    width: 100px;
    margin: 0 auto;
    margin-bottom:20px;
}
.lander-top h2{
	margin-top: 30px;
	text-align: center;
	font-size: 35px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#68b42d;
}

.lander .flag-left{
	float: right;
}
.flag-right{
	float: left;
}
.lander .flag-left img{
	width: 100px;
	max-width: 100%;
	margin:10px 0;
}

.lander .flag-right img{
	width: 100px;
	max-width: 100%;
	margin:10px 0;
}
.flag-wraper{
	text-align: center;
}
.flag-wraper p{
	/*display: inline-block;*/
	margin-top: -8px;
}
.flag-wraper a{
	text-decoration: none !important;
	color:#68b42d;
	font-size:12px;
	font-family: 'Saira', sans-serif;
	font-weight:600;
}
.lander .flag-wraper img {
border: 2px solid #000;
}
.lander-top {
padding-top: 30px;
}

/*lander page end*/

/*lan-page-start*/
.lan-body{
	padding: 40px;
}
.lan-top h2{
	text-align: left;
    font-size: 35px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    color: #68b42d;
}
.lan-page-flag {
	text-align: center;
}
.lan-page-flag img{
	width: 100px;
	max-width: 100%;
	margin:10px 0;
}

.lan-border-bottom {
    border-bottom: 3px solid #ffff !important;
    width:200px;
    margin: 10px 0;
    margin-bottom: 30px;
}
.lan-body-img{
	text-align: center;
}
.lan-body-img img{
	width:100%;
	max-width: 100%;
}
.lan-body p{
	color:#000;
	font-size:16px;
	font-family: 'Saira', sans-serif;	
	line-height: 26px;
	text-align: left;
}
.lan-body h4{
	color:#000;
	font-size:14px;
	font-family: 'Saira', sans-serif;
	text-align: left;
	line-height: 20px;
	margin-top: 20px;
}
.m-bottom-20{
	margin-bottom: 20px;
}
/*lan-page-end*/

/*Bilder page start*/
.bilder{
	padding: 30px 0 100px 0;
}
.bilder-img-w{
	text-align: left;
}
.bilder-img-w img{
	width:50%;
	max-width: 100%;
	margin-bottom:10px;
}

.bilder h2{
	margin-top:50px;
    text-align: center;
    font-size: 30px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    color:#285ba8;
}
.bilder-b-bottom{
border-bottom: 3px solid #68b42d !important;
    width:200px;
    margin: 10px 0;
    /*margin-bottom: 30px;	*/
}
/*Bilder page End*/

/*start natur page*/
.natur{
	padding: 30px 0;
}
.natur-img-w img{
	width:90%;
	max-width: 100%;
	margin-bottom:10px;
}
.natur h2{
    font-size:22px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    color:#285ba8;	
}
.natur p{
    font-size:16px;
    font-family: 'Saira', sans-serif;
    font-weight:400;
    color:#000;
}
.natur-top {
padding-top: 30px;
}
.natur-top .border-bottom-five {
    border-bottom: 3px solid #ffff !important;
    width: 100px;
    margin: 0 auto;
    margin-bottom:20px;
}
.natur-top h2{
	margin-top: 30px;
	text-align: center;
	font-size: 35px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#68b42d;
}

/*end natur page*/

/*start kultur page*/
.kultur{
	padding: 30px 0;
}
.kultur-img-w img{
	width:90%;
	max-width: 100%;
	margin-bottom:10px;
}
.kultur h2{
    font-size:22px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    color:#285ba8;	
}
.kultur p{
    font-size:16px;
    font-family: 'Saira', sans-serif;
    font-weight:400;
    color:#000;
}
/*end kultur page*/

/*start allgemein page*/
.allgemein{
	padding: 30px 0;
}
.allgemein-img-w img{
	width:90%;
	max-width: 100%;
	margin-bottom:10px;
}
.allgemein h2{
    font-size:22px;
    font-family: 'Saira', sans-serif;
    font-weight: 700;
    color:#285ba8;	
}
.allgemein p{
    font-size:16px;
    font-family: 'Saira', sans-serif;
    font-weight:400;
    color:#000;
}
/*end allgemein page*/

.default-top {
padding-top: 0px;
}
.default-top .border-bottom-default {
    border-bottom: 3px solid #000 !important;
    width: 100px;
    margin: 0 auto;
    margin-bottom:20px;
}
.default-top h2{
	margin-top: 30px;
	text-align: left;
	font-size: 35px;
	font-family: 'Saira', sans-serif;
	font-weight:700;
	color:#000;
}


/*responsive*/
@media screen and (max-width: 800px) {
	/*header logo*/
	#header .logo img{
    width:40%;
    max-width: 100%;
}
/*header top*/
#header .top-right ul li {
    display:block;
}
#header .top-right{
	width: 100%;
}
.top-icon-wraper{
	width: 100%;
}
#header .top-icon-wraper ul li {
    display: block;
}
/* endheader top*/
.game-section .options-logo img{
	width:60%;
}
#footer img{
	width: 50%;
	max-width:100%;
}
#footer{
	text-align: center;
}
.header-top{
	text-align: center;
}
#four-body ul{
	margin-top: -100px;
}
#four-body ul li{
	list-style: none;
	text-align: center;
	display:inline-block;
}
.score-wraper .score-w {

     padding-left:0px; 

}
.clock-reload{
	text-align: center;
}
#four-body .clock-reload h2 {
    margin-left:0px;
    font-size:34px;
}
#four-body .four-img{
    text-align: center;
}
.five-left img{
	margin-bottom: 40px;
}
.five-right h2{
text-align: center;
}
.five-right{
text-align: center;
}
.five-left h2{
	text-align: center;
}

.five-left p{
	text-align: center;
}
.score-wraper h3 {
    font-size: 18px !important;
}
.lander .flag-left {
    float: none;
}
.flag-right{
	float: none;
}
.lander .flag-left img{
	margin:20px auto;
}

.lander .flag-right img{
	margin:20px auto;
}
.custom-header{
    position: inherit;
}
.custom-footer{
	position: inherit;
}
}