@media screen and (min-width:870px) {
	.content {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
	
	.content2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}
}

@media screen and (min-width:1250px) {
	
	/* muss, wenn content2 verwendet wird auf colcount 2 gesetzt werden!*/ 
	.content {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		max-width:1920px;
	}

	.contentforce2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		max-width:1920px;

	}

	.content2 {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	}


}

@media screen and (max-width:1880px) {
	
	.box_faq {
		height: 330px;
	}
}

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

	.box_faq {
		height: 350px;
	}

	.col1 {
		margin-left: 0;
	}
	
	.col1, .col2, .col3 {
		width: 32.5%;
		/*max-width: 560px;*/
	}

	.contentnormal {
		text-align: left;
	}

	.coltor1 {
		width: 32.5%;
		margin-left: 0;
	}

	.coltor2 {
		width: 66%;
	}

	.heimnav {
		display: block;
		text-align: left;
		margin-right: 0;
		margin-top: 10px;
		width: 100%;
	}	

	#hsmenu1 > div.heimround > select {
		display: block;
		margin-left: 0;
		margin-top: 15px;
	}	

}


/* ab 1550px Menu kleiner */
@media screen and (max-width:1550px) {
	.topmenu > nav > ul > li > a {
		font-size: 16px;
		font-size: 1rem;
	}

	.topmenu > nav > ul {
		padding-left: 0;
	}

	.topmenu > nav > ul > li {
/*		margin-left: 20px;*/
	}

	.logo img {
		width: 70%;
		height: auto;
	}

	.logolink {
		width: 30%;
	}
	
	.logo {
		/*right: 0;*/
/*display: none;*/
	}
	
	
}

@media screen and (max-width:1620px) {
	.box_faq {
		height: 370px;
	}
}

@media screen and (max-width:1570px) {
	.box_faq {
		height: 390px;
	}
}

/* ab 1450 die fetten Headlines und das Boxpadding kleiner */
@media screen and (max-width:1450px) {
	
	.boxschwarz h1, .boxgelb h1 {
		font-size: 34px;
		font-size: 2.125rem;
		line-height: 27px;	
		line-height:  2.3125rem;
	}

	.hdlbox {
		padding: 25px 10px 25px 10px;
	}	
	
}


@media screen and (max-width:1380px) {
	.box_faq {
		height: 420px;
	}
}

@media screen and (max-width:1320px) {
	.box_faq {
		height: 440px;
	}
}

/* von 1250px bis 870px */
@media screen and (max-width:1250px) {
	/*
	 * den kleinen Workaround nehmen wir, um
	 * sicherzustellen, dass 
	 */
	.b3 {
		height: 800px;
   }

  .content2 {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}	  

	.box_faq {
		height: initial;
	}  
	
}

/* von 1330px */
@media screen and (max-width:1330px) {


#idfrmee > div > div > input[type=text] {
	width: 100%;
	margin-bottom: 20px;
}

#idfrmee select {
	margin-bottom: 20px;
}

.eebewerber, .eemannschaft {
	display: block;
	width: 100%;
}

}

/* von 870px bis 0px */
@media screen and (max-width:870px) {
	/*
	 * den kleinen Workaround nehmen wir, um
	 * sicherzustellen, dass 
	 */
	.b3 {
		height: auto;
   }
 
	.b1, .b2, .b3 {
		width: 100%;
	}

	#bigpicic {
		display: none;
	}

		 
}


/*
 * Dieser Query ist nur für die Startseite 
 * von 1000px bis 500px 
 */
@media screen and (max-width:1540px) {
	
	.eventdatemobmonth {
		display: inline-block;
		font-size: 40px;
		font-size: 2.5rem;

		line-height: 40px;
		line-height: 2.5rem;
	}
	
	.eventdateday {
		border-right: 0;
		font-size: 40px;
		font-size: 2.5rem;
		line-height: 40px;
		line-height: 2.5rem;
		margin-left: 10px;
		padding-right: 10px;
	}	
	
	#eventdatedayhdl {
		display: none;
	}
	
	.eventtext {
		padding-left: 15px;
		width: 100%;
		border-left: 0;
	}	
	
	.eventdate {
		padding-left: 15px;
	}	

	.startnext {
		width: 24px; 
		height: 36px; 
		margin-right: 20px; 
		margin-bottom: 0;
margin-bottom: -3px;

	}

	.startright {
		width: 24px; 
		height: 36px; 
		margin-right: 20px;
		margin-bottom: 0;
margin-bottom: -3px;
	}
	

}

/*
 * Dieser Query ist nur für die Startseite 
 * von 500px bis 430px 
 */
@media screen and (max-width:500px) {

	.eventdatemobmonth {
		display: inline-block;
		font-size: 20px;
		line-height: 25px;

	}
	
	.eventdateday {
		font-size: 30px;
		font-size: 1.875rem;
		line-height: 30px;
		line-height: 1.875rem;
	}	

	.eventtext {
		padding-top: 5px;
		width: 100%;
	}
	
	
	.eventdatemobmonth {
	}

	.eventdate {
		padding: 10px 0 0 0;
	}
	
	.eventtext {
		padding-bottom: 0;		
	}
		

	.eventtext p {
		display: none;
	}
	
}

/*
 * Dieser Query ist nur für die Startseite 
 * von 630px bis 430px 
 */
@media screen and (max-width:630px) {
		
	.eventdatemobmonth {
		
		display: inline-block;

		font-size: 1.1875rem;
		line-height: 1.25rem;

	}
	
	.eventdateday {
		font-size: 1.1875rem;
		line-height: 1.25rem;
	}	
	
	.startright, .startnext {
		margin-right: 10px;
		margin-bottom: -9px;
	}

}


/*
 * Handy-Menue (ab 1249px)
 */
@media screen and (max-width: 1249px) {

	div.topmenu nav ul li a.lnkact {
			background: #FFE600;
			color: black;
			width: 100%;
			display: block;
	}

	.kontaktmenu {
		display: block;
	}
	
	/*
	header {
		margin: 0 0 20px 0; 
	}
	*/

	header {
		position: fixed;
		z-index: 2;
	}	

	#all {
		padding-top: 90px;
	}
	
	.bottommenu, .topmenu {
		background: #FFE600;
		top: 0;
		left: 0;
		z-index: 1;
		height: 60px;
	}

	nav ul {
		display: none;
	}

	nav > ul {
		padding: 0;
		padding-top: 15px;		
	}

	nav > ul li > a {
		font-size: 27px;
		font-size: 1.6875rem;
		line-height: 40px;
		line-height:  2.5rem;
		text-decoration: none;
		color: #FFE600;	
		/*!!!*/	
		display: inline;
z-index: 5000;

	}

/*
	label {
		display: block;
		background: #FFE606;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		left: 20px;
		top: 10px;
	}
  
	label:after{
		content:'';
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
		margin: 7px 5px;
		box-shadow: 0px 10px 0px #000, 0px 20px 0px #000;
	}

*/

	body > header > div > nav > label {
		display: block;
		background: #FFE600;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		left: 20px;
		top: 20px;

	}
	
	body > header > div > nav > label:after {
		content:'';
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
		margin: 7px 5px;
		box-shadow: 0px 10px 0px #000, 0px 20px 0px #000;
	}


	#all > div > div.bottommenu > nav > label	{
		display: block;
		background: #FFE600;
		width: 40px;
		height: 40px;
		cursor: pointer;
		position: absolute;
		left: 20px;
		top: 10px;	
	}

	#all > div > div.bottommenu > nav > label:after {
		content:'';
		display: block;
		width: 30px;
		height: 6px;
		background: #000000;
		margin: 7px 5px;
		box-shadow: 0px 10px 0px #000, 0px 20px 0px #000;
	}

	
	[type="checkbox"]:checked ~ ul {
		display: block;	
		z-index: 9999;
		position: absolute;
		left: 0;
		top: 25px;
		width: 100%;
		
	}

	div.topmenu nav [type="checkbox"]:checked ~ ul {
/*		top: 0;	*/
	}

	nav a {
		color: #ffffff;
	}

	nav ul li {

		display: block;
		float: none;
		width: 100%;
		text-align: left;
		background: #000000;
		
		text-indent: 20px;
	}

	nav > ul > li {
		margin-left: 0;
		
	}

	nav > ul li ul li {
		display: block;
		float: none;
	}
  
	nav > ul li ul {
		display: block;
		position: relative;
		width: 100%;
		z-index: 9999;
		float: none;
	}
		
	.siplogo {

		top: 10px;
		left: 90px;
		padding: 0;
		z-index: 10;
	}	

	.siplogo img {
		width: 80%;
		height: auto;
	}	

	.topstartpagemenu {
		display: block;
		margin-bottom: 0;
	}
		
	.bottommenu {
		display: none;
	}	

	.siplogo {
		display: none;
	}	
	
	.logo {
		top: auto;
		right: auto;

		top: initial;
		right: initial;


		height: auto;
		position: relative;

		width: auto;
		width: initial;
		float: right;

		margin-right: 35px;		
		padding: 0;
		margin-left: 60px;		
	}
	
	.logolink {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		float: right;
	}
	
	.logo img {
		width: 80%;
		height: auto;
	}		
	
	footer {
		padding-bottom: 5px;
	}	


	#startfooter {
		/*padding-bottom: 10px;*/
		padding-bottom: 10px;
		position: fixed;
		bottom: 0;
		left: 0;
	}
	
	.eventdate {
		padding-bottom:0;
/*
margin-top: -100px;
background:red;
width: 100%;
*/


	}	

	.eventtext {
		display: none;
	}

	.topmenu > nav > ul > li > a {
		color: #FFE600;
		font-size: 27px;
		font-size: 1.6875rem;
	}

/*
	.topmenu > nav > ul > li > a:hover {
		color: #FFE606;
		text-decoration: none;
	}	
*/
	.contentnormal, .content, .content2 {
		margin-top: 0;		
	}

	.topmenu > nav > ul > li {
		margin-left: 0;
	}

	.col1, .col2, .col3 {
		width: 49.5%;
		max-width: initial;
	}

	.col1 {
		display: block;
		margin-left: 0;
	}
	
	.col2 {
		display: block;
		clear: both;
		float: left;
		margin-left: 0;
		margin-top: 5px;
	}
	
	.col3 {
		clear: both;
		position: absolute;
		top: 90px;
		right: -5px;
	}
	
	.coltor1, .coltor2 {
		width: 49.0%;
		max-width: initial;
	}	
	
	.coltor1 {
		width: 49.5%;
	}

	.onethirdheimspieltor, .twothirdheimspieltor {
	}
	
	#hscontent1 > div > div > form > div.frminparea > div { 
		width: 100%;
		margin-top: 10px;
	}

	#hscontent1 > div > div > form > div.frminparea > div > .txwide2 {
		width: 100%;
	}

	
	.subgoalcols {
		background: none;
	}

	.subcol2 {
		width: 100%;
		display: block;
		border-left: 0;
		/*margin-top: 8px;*/
	}

	.subcol1 {
		width: 100%;
		display: block;
	}	

	#eskortecontent1 > ul {
		padding: 0;
	}

	#eskortecontent1 > ul > li {
		margin-bottom: 20px;
		width: 100%;
		display: block;
	}		

	.impkontakt {
		min-height: initial;
	}

}

@media screen and (max-width:1020px) {
	.coltor2 {
		width: 49.0%;
		clear: both;
		position: absolute;
		top: 90px;
		right: 0;
	}	
}



@media screen and (max-width:870px) {
	.col3 {
		position: relative;
		top: initial;
		right: initial;
	}
		
	.col1, .col2, .col3 {
		width: 100%;
		margin: 0;
	}

	.coltor1, .coltor2 {
		width: 100.0%;
		display: block;
		margin-left: 0;
	}	

	.coltor2 {
		position: relative;
		top: initial;
		right: initial;
	}


	.subcol2 {
		width: 100%;
		display: block;
		border-left: 0;
		margin-top: 8px;
	}

	.subcol1 {
		width: 100%;
		display: block;
	}	

	.coltor1 {
		width: 100%;
		max-width: initial;
	}

	.col2 {
		margin-top: 6px;
	}

	.onethirdheimspieltor, .twothirdheimspieltor {
		/*width: 100%;		*/
		display: block;
	}

	.onethirdheimspieltor {
		/*display: none;*/
		width: 100%;
	}

	.twothirdheimspieltor {
		width: 100%;
	}

	#tlink1, #tlink2, #tlink3 {
		display: block;
		width: 100%;
	}

	
	.mfaq {
		min-height: initial;
	}	

	/* neu */
	#hscontent1 > div > div > div, #hscontent1 > div > div > div:nth-child(even) {
		float: initial;
		width: 100%;
		display: block;
		text-align: center;
	}	

}

@media screen and (max-width:500px) {
	
	.boxgelb h1, boxschwarz h1 {
		font-size: 28px;
	}
	
	.elink h2 {
		font-size: 16px;
		font-size: 1rem;
	}
	
	div#eskortecontent4.boxgelb.einv.agbblock h2.upper {
		font-size: 17px;
		font-size: 1.0625rem;
	}

	#hscontent1 > div > div > div, #hscontent1 > div > div > div:nth-child(even) {
		float: initial;
		width: 100%;
		display: block;
	}	

	html body div#all div.content div.contentblock.b1 div.boxschwarz a#heimstartlnk.neunzigstart,
	html body div#all div.content div.contentblock.b1 div.boxschwarz a#heimstartlnkecht.neunzigstart.startreal 
	{
		font-size: 15px;
		font-size: 0.9375rem;
		
	}

	
	div.statscounter div {
		font-size: 2.0rem;
	}

	.statscounter {
		font-size: 2.0rem;
	}

	.statsbot {
		font-size: 0.8125rem;
		padding-top: 0;
	}
	
	.heimstatbox, .heimstatbox:hover  {
		height: 170px;
	}

	.hstmenu .hstmenulnkactive, .hstmenu .hstmenulnk, .hstmenu .hstmenulnkactive:hover, .hstmenu .hstmenulnk:hover {
		font-size: 1.0625rem;
	}
	
	.neunzigheim {
		padding-right: 10px;
	}

	.captchainput {
		width: 100%;
		display: block; 
	}

	.captchaimage {
	margin-top: 10px;
		display: block;
	}

	.captchaimg {
		margin-left: 0;
	}

	h2.upper {
		font-size: 1.125rem;
	}

	div.dtr.err	{
		height: auto;
	}
	
	html body div#all div.contentnormal.contentee div.twothirdheimspieltor div#eskortecontent3.boxschwarz ul,
	html body div#all div.contentnormal.contentheimspiel div.twothirdheimspieltor div#hscontent3.boxschwarz.hstagb.einv ol
	{
		padding-left: 5px;
	}

	html body div#all div.contentnormal.contentee div.twothirdheimspieltor div#eskortecontent3.boxschwarz ul li,
	html body div#all div.contentnormal.contentheimspiel div.twothirdheimspieltor div#hscontent3.boxschwarz.hstagb.einv ol li 
	{
		font-size: 0.875rem;
		line-height: 100%;	
	}
	
	html body div#all div.contentnormal.contentee div.twothirdheimspieltor div#eskortecontent3.boxschwarz ul li span,
	html body div#all div.contentnormal.contentheimspiel div.twothirdheimspieltor div#hscontent3.boxschwarz.hstagb.einv ol li  
	{
		font-size: 0.875rem;
	}	

	div.boxschwarz.box_faq h2 {
		font-size: 1.125rem;
	}
	
	html body div#all div.contentnormal.contentheimspiel div.twothirdheimspieltor div#hscontent3.boxschwarz.hstagb.einv ol li {
		line-height: 140%;
	}

	html body div#all div.content div.contentblock.b1 div.boxschwarz a#heimbacklnk.neunzigstart.startrealback {
		font-size: 15px;
	}

}

@media screen and (max-width:1900px) {
	.box_info {
		height: 240px;
	}	
}

@media screen and (max-width:1830px) {
	.box_info {
		height: 270px;
	}	
}


@media screen and (max-width:1700px) {
	.box_info {
		height: 290px;
	}	
}


@media screen and (max-width:1460px) {
	.box_info {
		height: 310px;
	}	
}

@media screen and (max-width:1350px) {
	.box_info {
		height: 330px;
	}	
}

@media screen and (max-width:1250px) {
	.box_info {
		height: auto;
		height: initial;
	}
}

/* ##################### */
@media screen and (orientation: portrait) {
	.pstartpagetop {
		display: block;
	}
	
	.startpagetop {
		display: none;
	}
	
}

@media screen and (orientation: landscape) {
	.pstartpagetop {
		display: none;
	}
	
	.startpagetop {
		display: block;
	}
}
/* ##################### */