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

	html{
	padding:0px;
	margin:0px;
	}

	body{
	padding:0px;
	margin:0px;
	}

	#echo {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	}

    lizenz {
    position:absolute;
    left:10px;
    bottom:10px;
	font-family:arial;
	font-weight:bold;
	font-size:12px;
    }

	box {
    display:block;
    position:relative;
	width:100%;
    }
    
    box > Header
    {
    display:block;
    position:relative;
    width:100%;
    padding:40px 0px 40px 0px;
    font-weight:bold;
    font-family:arial;
    font-size:20px;
    text-align:center;
    background-color:#00a2e8;
    color:#ffffff;
	margin-bottom:20px;
    }
    
    dpInput {
    display:block;
    margin:10px 10px 10px 10px;
    }
    
    dpInput > dbCaption {
    display:block;
    width:90%;
    font-size:12px;
    font-family:arial;
    font-weight:bold;
    color:#555555;
    }
    
    dpInput > input {
    display:block;
	width:100%;
    box-sizing: border-box;
    font-size:12px;
    font-family:arial;
    margin-top:10px;
    }
    
    input {
    padding:8px;
    border:1px solid #aaaaaa;
    border-radius:3px;
    }
    
    input:active {
    border:1px solid #000000;
    }
    
    input:focus {
    border:1px solid #00a2e8;
    color:#00a2e8;
    }
    
    button {
	width:100%;
    box-sizing: border-box;
    margin:10px auto 10px auto;
    padding:15px 20px 15px 20px;
    border:1px solid #aaaaaa;
    }
    
    .buttonGo
    {
	width:100%;
    background-color:#00a2e8;
    color:#ffffff;
    border:1px solid #00a2e8;
    }

    #info {
    position:absolute;
    left:0px;
    top:0px;
	width:100%;
    }

    .infoPopup {
    display:block;
    border:1px solid #000000;
    background-color:#ffffff;
    font-family:arial;
	text-align:center;
	color:#000000;
    opaticy:0;
    cursor:pointer;
    width:100%;
	padding:20px;
    box-sizing: border-box;
    }

	.infoPopupPfeil {
	display:none;
    }
}