/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 90%;
	
}
body {
    
	background-image: url(img/menue.jpg);
}

#reflow-89d28aa4-2daa-b217-32ea-e56a00c3fe40 {
    margin-left: 0px;
}
#box1 {
    float: left;
    height: 131px;
    margin-left: 0%;
    margin-top: 5px;
    clear: none;
    width: 100%;
    min-width: 0px;
	background-image: url(img/logo_klein.jpg);
	background-repeat:no-repeat;
}
#box2 {
    float: left;
    height: 178px;
    margin-left: 0%;
    margin-top: 139px;
    clear: both;
    width: 100%;
    min-width: 0px;
}
#box5 {
    float: left;
    height: 100%;
    clear: both;
    width: 100%;
    position: absolute;
    top: 150px;
    left: 0%;
    /* overflow: scroll; */
    z-index: 0;
    /* visibility: hidden; */
}
#text1 {
    float: left;
    font-size: 1em;
    color: rgb(0, 0, 0);
    width: 38.3134328358209%;
    height: 49px;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 3.487562189054726%;
    margin-top: 21px;
    clear: none;
    min-height: 21px;
    min-width: 0.5em;
}
#reflow-8bb07c10-237c-109b-7b7d-f29f938abb69 {
    float: left;
    font-size: 1em;
    color: rgb(0, 0, 0);
    width: 98.12264150943398%;
    height: auto;
    text-align: left;
    font-weight: normal;
    line-height: 1em;
    word-wrap: break-word;
    margin-left: 2.839622641509434%;
    margin-top: 15px;
    clear: both;
    min-height: 26px;
    min-width: 0.5em;
}
#box3 {
    float: left;
    height: 98px;
    margin-left: 13.248864616269044%;
    margin-top: 39px;
    clear: none;
    width: 73.955964357574%;
}
#box4 {
    float: left;
    height: 49px;
    margin-left: 0%;
    margin-top: 21px;
    clear: none;
    width: 55%;
}

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

   #grid .column {
        width: 6.6909090909090905%;
   }
   #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9, #grid .grid-10 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 1.2%;
   }
   #grid .gutter.grid-1 {
        margin-left: 7.89090909090909%;
   }
   #grid .column.grid-1 {
        margin-left: 10.29090909090909%;
   }
   #grid .gutter.grid-2 {
        margin-left: 16.98181818181818%;
   }
   #grid .column.grid-2 {
        margin-left: 19.38181818181818%;
   }
   #grid .gutter.grid-3 {
        margin-left: 26.07272727272727%;
   }
   #grid .column.grid-3 {
        margin-left: 28.47272727272727%;
   }
   #grid .gutter.grid-4 {
        margin-left: 35.163636363636364%;
   }
   #grid .column.grid-4 {
        margin-left: 37.56363636363636%;
   }
   #grid .gutter.grid-5 {
        margin-left: 44.25454545454545%;
   }
   #grid .column.grid-5 {
        margin-left: 46.65454545454545%;
   }
   #grid .gutter.grid-6 {
        margin-left: 53.34545454545455%;
   }
   #grid .column.grid-6 {
        margin-left: 55.74545454545455%;
   }
   #grid .gutter.grid-7 {
        margin-left: 62.43636363636364%;
   }
   #grid .column.grid-7 {
        margin-left: 64.83636363636364%;
   }
   #grid .gutter.grid-8 {
        margin-left: 71.52727272727275%;
   }
   #grid .column.grid-8 {
        margin-left: 73.92727272727275%;
   }
   #grid .gutter.grid-9 {
        margin-left: 80.61818181818182%;
   }
   #grid .column.grid-9 {
        margin-left: 83.01818181818183%;
   }
   #grid .gutter.grid-10 {
        margin-left: 89.7090909090909%;
   }
   #grid .column.grid-10 {
        margin-left: 92.10909090909091%;
   }
   #box5 {
        height: 100%;
   }
   #box4 {
        margin-top: 21px;
        margin-left: 0.09193840579710144%;
        clear: none;
        width: 53.625603864734295%;
   }
   #text1 {
        margin-top: 21px;
        margin-left: 5.07487922705314%;
        clear: none;
   }
   #box3 {
        margin-top: 34px;
        margin-left: 13.399503168001786%;
        clear: none;
   }
   #TS3{
        height: 100%;
        min-width: 320px;
		max-width: 100%;
        }
	#dienst_startus {
		margin-left: 90px;
		margin-top: 65px;
}
#USER_ANZEIGE{
        font-weight: bold;
		top: 73px;
		position: absolute;
		left: 128px;
}
}

}
@media only screen and (min-width: 640px) {

   #grid .column {
        width: 5.292307692307693%;
   }
   #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: none;
        visibility: hidden;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9, #grid .grid-10, #grid .grid-11, #grid .grid-12 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 1.2%;
   }
   #grid .gutter.grid-1 {
        margin-left: 6.4923076923076914%;
   }
   #grid .column.grid-1 {
        margin-left: 8.892307692307691%;
   }
   #grid .gutter.grid-2 {
        margin-left: 14.184615384615384%;
   }
   #grid .column.grid-2 {
        margin-left: 16.584615384615383%;
   }
   #grid .gutter.grid-3 {
        margin-left: 21.87692307692308%;
   }
   #grid .column.grid-3 {
        margin-left: 24.27692307692308%;
   }
   #grid .gutter.grid-4 {
        margin-left: 29.56923076923077%;
   }
   #grid .column.grid-4 {
        margin-left: 31.96923076923077%;
   }
   #grid .gutter.grid-5 {
        margin-left: 37.261538461538464%;
   }
   #grid .column.grid-5 {
        margin-left: 39.66153846153846%;
   }
   #grid .gutter.grid-6 {
        margin-left: 44.95384615384616%;
   }
   #grid .column.grid-6 {
        margin-left: 47.353846153846156%;
   }
   #grid .gutter.grid-7 {
        margin-left: 52.646153846153844%;
   }
   #grid .column.grid-7 {
        margin-left: 55.04615384615384%;
   }
   #grid .gutter.grid-8 {
        margin-left: 60.33846153846153%;
   }
   #grid .column.grid-8 {
        margin-left: 62.73846153846153%;
   }
   #grid .gutter.grid-9 {
        margin-left: 68.03076923076922%;
   }
   #grid .column.grid-9 {
        margin-left: 70.43076923076923%;
   }
   #grid .gutter.grid-10 {
        margin-left: 75.72307692307693%;
   }
   #grid .column.grid-10 {
        margin-left: 78.12307692307694%;
   }
   #grid .gutter.grid-11 {
        margin-left: 83.41538461538461%;
   }
   #grid .column.grid-11 {
        margin-left: 85.81538461538462%;
   }
   #grid .gutter.grid-12 {
        margin-left: 91.1076923076923%;
   }
   #grid .column.grid-12 {
        margin-left: 93.50769230769231%;
   }
   #box5 {
        height: 100%;
   }
   #USER_ANZEIGE{
        font-weight: bold;
		top: 140px;
		position: absolute;
	}
}
@media only screen and (min-width: 768px) {

   #box5 {
        height: 100%;
   }
}
@media only screen and (min-width: 800px) {

   #grid .outer.gutter {
        display: block;
        visibility: visible;
   }
   #grid .column {
        width: 3.85%;
   }
   #grid .grid-0, #grid .grid-1, #grid .grid-2, #grid .grid-3, #grid .grid-4, #grid .grid-5, #grid .grid-6, #grid .grid-7, #grid .grid-8, #grid .grid-9, #grid .grid-10, #grid .grid-11, #grid .grid-12, #grid .grid-13, #grid .grid-14, #grid .grid-15 {
        display: block;
        visibility: visible;
   }
   #grid .column.grid-0 {
        margin-left: 1.2%;
   }
   #grid .gutter.grid-1 {
        margin-left: 5.050000000000001%;
   }
   #grid .column.grid-1 {
        margin-left: 7.450000000000001%;
   }
   #grid .gutter.grid-2 {
        margin-left: 11.3%;
   }
   #grid .column.grid-2 {
        margin-left: 13.700000000000001%;
   }
   #grid .gutter.grid-3 {
        margin-left: 17.55%;
   }
   #grid .column.grid-3 {
        margin-left: 19.95%;
   }
   #grid .gutter.grid-4 {
        margin-left: 23.8%;
   }
   #grid .column.grid-4 {
        margin-left: 26.2%;
   }
   #grid .gutter.grid-5 {
        margin-left: 30.049999999999994%;
   }
   #grid .column.grid-5 {
        margin-left: 32.449999999999996%;
   }
   #grid .gutter.grid-6 {
        margin-left: 36.29999999999999%;
   }
   #grid .column.grid-6 {
        margin-left: 38.69999999999999%;
   }
   #grid .gutter.grid-7 {
        margin-left: 42.550000000000004%;
   }
   #grid .column.grid-7 {
        margin-left: 44.95%;
   }
   #grid .gutter.grid-8 {
        margin-left: 48.79999999999999%;
   }
   #grid .column.grid-8 {
        margin-left: 51.19999999999999%;
   }
   #grid .gutter.grid-9 {
        margin-left: 55.05%;
   }
   #grid .column.grid-9 {
        margin-left: 57.449999999999996%;
   }
   #grid .gutter.grid-10 {
        margin-left: 61.3%;
   }
   #grid .column.grid-10 {
        margin-left: 63.699999999999996%;
   }
   #grid .gutter.grid-11 {
        margin-left: 67.55%;
   }
   #grid .column.grid-11 {
        margin-left: 69.95%;
   }
   #grid .gutter.grid-12 {
        margin-left: 73.8%;
   }
   #grid .column.grid-12 {
        margin-left: 76.2%;
   }
   #grid .gutter.grid-13 {
        margin-left: 80.05%;
   }
   #grid .column.grid-13 {
        margin-left: 82.45%;
   }
   #grid .gutter.grid-14 {
        margin-left: 86.3%;
   }
   #grid .column.grid-14 {
        margin-left: 88.7%;
   }
   #grid .gutter.grid-15 {
        margin-left: 92.55%;
   }
   #grid .column.grid-15 {
        margin-left: 94.95%;
   }
   #reflow-89d28aa4-2daa-b217-32ea-e56a00c3fe40 {
        margin-left: 0px;
   }
   #box2 {
        margin-top: 74px;
        margin-left: 30.102648830144435%;
        clear: both;
        width: 39.82390875659543%;
   }
   #box1 {
        height: 198px;
	background-image: url(img/Logo.jpg);
	background-repeat:no-repeat;
	margin-left: -5em;
   }
   #box5 {
        top: 225px;
        left: 0%;
        height: 100%;
        /* overflow: visible; */
        min-width: 50%;
		max-width: 400px;
        visibility: visible;
        /* display: none; */
		margin-left: 6em;
		
   }

   #box3 {
        margin-top: 38px;
        margin-left: 14.13490364025696%;
        clear: none;
   }
   
 /* display: none; */  
   
   .dienst_startus {
	margin-left: 390px;
}
#ts3server_startus {
}
#minecraft_startus {
}


}   
#TS3{
        height: 100%;
        min-width: 320px;
		max-width: 50%;
        }
.ts3_bot {
	position: relative;
	top: -1.5em;
	left: 2.1em;
	float: left;
	background: rgb(236, 235, 243);
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	width: 0px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bolder;
}