/*   CSS für Home Einigkeit Palsweis Priel   */

/* @import url("reset.css"); */
:root{
	--content_background: aqua;
	--content_width: 60%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333;
    height: 100%;
}

#wrapper {
    margin: 0 auto;
    width:100%;
    min-height: 100%;
}

#leftcolumn {min-height: 78vh;}
#content{min-height: 78vh;}
#rightcolumn {min-height: 78vh;	}
#content_table {min-height: 78vh;}


@media only screen and (min-width: 1920px) 
{
	#navigation {float: left; width:100%; background: white;}
	#content {float: left; width: 68%;}
	#content_table {font-size: 1.2vw; float: left;  width: 100%; margin-top: 3px; background-color: white; text-align: center;  overflow-y: scroll; scrollbar-color: green #B7D3EE; height:75vh;}
	#content_table table{ margin-left: auto; margin-right: auto;}
	#content_table form label{font-size:1.2vw; background-color:#B5CECE;color:navy }
	#content_table table td {border-bottom: medium black solid; }
	#content_table table thead tr th {font-size: 1.0vw; font-style: italic; border-bottom: medium black double; }
	#content_table table td p {margin: 0px; padding: 1px;}
	#content_table table tr:nth-child(even) {background-color:#DDDDDD;}
	#content_table table tr:nth-child(odd) {background-color:#B5CECE;} /*{background-color: #fff;}*/
	#content_table table td span {display:none;}

	#leftcolumn {float: left; background: whit;  margin:auto;  width: 15%; text-align: center;}
	#leftcolumn h3 {padding: 1px;}
	#leftcolumn img{height: 50%; width: 50%;}

	#rightcolumn {float: left; background: white;  margin:auto; width: 15%; text-align: center;}
	#rightcolumn h3 {padding: 1px;}
	#rightcolumn img{height: 50%; width: 50%;}
}

@media only screen and (max-width: 1920px) 
{
	/* green */
	#navigation {float: left; width:100%;}
	#content {float: left; width: 68%; }
	#content_table {font-size: 1,2vw; float: left; width: 100%; margin-top: 3px; background-color: white; text-align: center; overflow-y: scroll; scrollbar-color: green #B7D3EE; height:70vh;}
	#content_table table {margin-left:auto; margin-right:auto;}
	#content_table form label{font-size:1.2vw; background-color:#B5CECE;color:navy }
	#content_table table td {border-bottom: medium black solid; }
	#content_table table thead tr th {font-size: 1.0vw; font-style: italic; border-bottom: medium black double; }
	#content_table table td p {margin: 0px; padding: 1px;}
	#content_table table tr:nth-child(even) {background-color: #DDDDDD;}
	#content_table table tr:nth-child(odd) {background-color:#B5CECE;} /* {background-color: #fff;} */
	#content_table table td span {display:none;}

	#leftcolumn {float: left; background: white; margin:auto; width: 15%; text-align: center;}
	#leftcolumn h3 {padding: 0px;}
	#leftcolumn img{height: 50%; width: 50%;}

	#rightcolumn {float: left; background: white; width: 15%; text-align: center;}
	#rightcolumn h3 {padding: 0px;}
	#rightcolumn img{height: 50%; width: 50%;}
}

	
@media only screen and (max-width: 1024px) {
	/* aqua */
	#navigation {float: left; width:100%;}
	#content {float: left; width: 100%;}
	#content_table {font-size:1.5vw;float: left; width: 100%; margin-top: 3px; background-color: white; text-align: center;  overflow-y: scroll; scrollbar-color: green #B7D3EE; height:70vh;}
	#content_table table {margin-left :auto; margin-right:auto;}
	#content_table form label{font-size:1.8vw; background-color:#B5CECE;color:navy }
	#content_table table td {border-bottom : medium black solid;}
	#content_table table thead tr th {font-size:1.5vw; font-style: italic; border-bottom: medium black; }
	#content_table table td p {margin: 0px; padding: 1px;}
	#content_table table tr:nth-child(even) {background-color: #DDDDDD;}
	#content_table table tr:nth-child(odd) {background-color:#B5CECE;} /* {background-color: #fff;} */
	#content_table table td span {display:none;}
	
	/* #leftcolumn {width: 5%; display:none;} */
	#leftcolumn {display:none;}
	#rightcolumn {display:none;} 
}

@media only screen and (max-width: 768px) {	
    /*maroon */	
	#navigation {float: left; width:100%;}

	#content {float: left; width: 100%;}
	#content_table {font-size: 1.5vw; float: left; width: 100%; margin-top: 3px; background-color: white; text-align: center;  overflow-y: scroll; scrollbar-color: green #B7D3EE;}
	#content_table table {margin-left:auto; margin-right:auto;}
	#content_table form label{font-size:1.8vw; background-color:#B5CECE;color:navy }
	#content_table table thead tr th {font-size:1.0w; font-style: italic; border-bottom: medium black double; }
	#content_table table td {font-size: 1.5vw; border-bottom: medium black solid; }
	#content_table table td p {margin: 0px; padding: 1px;}
	#content_table table tr:nth-child(even) {background-color: #DDDDDD;}
	#content_table table tr:nth-child(odd) {background-color:#B5CECE;} /* {background-color: #fff;} */

	#leftcolumn {display:none;}
	#rightcolumn {display:none;}
}



@media only screen and (max-width: 680px) {	
	/* orange */	
	#navigation {float: left; width:100%;}
	#content {float:left; width: 100%;}

	#content_table {font-size: 2.0vw; float: left; width: 100%; margin-top: 3px; text-align: center;}
	#content_table table {border: 1px solid white;border-collapse: collapse; margin-left:auto; margin-right:auto; padding: 0px; table-layout: fixed; min-width: 90%;}
	#content_table table td{font-size: 2.2vw;margin: 0px; padding: 1px; border: 1px solid gray; display: block; text-align:center; width: 100%\9; float: left\9;}
	#content_table form label{font-size:2.2vw; background-color:#B5CECE;color:navy }
	#content_table table td p {margin: 0px; padding: 1px;}
	#content_table table tr:nth-child(even) {background-color: #DDDDDD;}
	#content_table table tr:nth-child(odd) {background-color:#B5CECE;} /* {background-color: #fff;} */
	#content_table table thead tr th{display:none;}
	#content_table table td span {display:inline-block; font-weight:bold; }

	#content_table table tr{display: block;}

	#leftcolumn {display:none;}
	#rightcolumn {display:none;}
}