/* Responsive-CSS - Lenk Webservice UG */

/* Kein Media-Query für Große Geräte, z.B. Desktop-PCs, weil dies der Standard "screen_css.css" ist */
/* ------------------------------------------------------------------------------------------------ */

/* Geräte (iPad Querformat) bis 1024px */
@media (max-width:1024px) {

	section#content div.teaser_boxen {float:left; width:100%;}
	div.content_wrapper.teaser {
		width:-moz-calc(100% - 0px);
		width:-webkit-calc(100% - 0px);
		width:calc(100% - 0px);
	}
	
	section#content div.teaser_box {margin:0px 20px 20px 0px;}
	
}


/* Geräte bis 840px */
@media (max-width:840px) {

	/* Tabellen ----------------------------------------------------- */
	table.responsive-table {
		float:left;
	    width:100%;
	    border-collapse:collapse;
	    border-spacing:0;
	    display:block;
	    position:relative;
		}
		
	table.responsive-table thead {display:block; float:left;}
		table.responsive-table thead tr {
			display:block;
			padding:0;
			border-top:0px solid !important;
			border-bottom:0px solid !important;
			}
			
		table.responsive-table th {
			display:block;
			padding:4px 6px 4px 6px !important;
			font-size:16px;
			color:#FFFFFF;
			line-height:20px;
			}
		
		table.responsive-table tbody {
			display:block;
			width:auto;
			position:relative;
			overflow-x:auto;
			white-space:nowrap;
			}
		
			table.responsive-table tbody tr {
				display:inline-block;
				margin:0px !important;
				width:48% !important;
				border-top:0px solid !important;
				border-bottom:0px solid !important;
				}
				
			table.responsive-table tbody tr:nth-child(2) {margin-left:-5px !important;}
			
		table.responsive-table td {
			display:block;
			padding:4px 0px !important;
			margin:0px !important;
			width:auto !important;
			font-size:16px;
			line-height:20px;
			}
			
		table.responsive-table td p {font-size:16px;}

}


/* Geräte (iPad Hochformat) bis 768px */
@media (max-width:768px) {

	div#left-mobil-menu {display:block;}
	div#area_right a#mobil-menu {display:block;}
	div.logo {display:none;}
	div.link_icons {display:none;}
	nav#mainnavi {background-color:#FFFFFF;}

	div#area_right {
		width:-moz-calc(100% - 40px);
		width:-webkit-calc(100% - 40px);
		width:calc(100% - 40px);
		margin-left:0px;
		padding:0px 20px 0px 20px;	
		}

	div#area_left {margin-left:-320px;}
	
	div.dynamic_shadow_left,
	div.dynamic_shadow_right  {display:none;}
	
	section#dynamic {margin:20px 0px 0px 0px;}
	
	div.footer .footer1 {
		width:-moz-calc(100% - 44px); width:-webkit-calc(100% - 44px); width:calc(100% - 44px);
		padding:30px 22px 10px 22px;
		}
	
}


@media (max-width:480px) {

	div.content_wrapper.teaser {min-height:unset!important;}
	
	section#footer {margin-top:20px;}


	/* Tabellen ----------------------------------------------------- */
	table.responsive-table th {
	    padding:5px 3px 5px 3px!important;
		font-size:14px;
		color:#FFFFFF;
		line-height:20px;
		}
		
		table.responsive-table th strong {font-size:16px;}
	
	table.responsive-table tbody tr,
	table.responsive-table thead tr {height:auto;}
	table.responsive-table tbody tr {width:auto !important;}
	
	table.responsive-table td {
	    padding:5px 5px !important;
	    font-size:13px;
		line-height:20px;
		}
		
		table.responsive-table td p{font-size:11px;}

}