/*
* cback_phone.css
* This is the Smartphone optimizing CSS3 File for the CBACK.de v16 Website.
* We don't do much here but we make some elements a little bit more touch friendly.
*
* @author	Christian Knerr
* @creator	CBACK.net
* @web		http://www.cback.de
* @version	1.1.0
* @since	01.08.2013
*/

@media screen and (max-device-width: 640px)
{
	#simple_header { height: 0 !important; overflow: hidden; display: none !important; }
	.corrector { margin-left: 30px !important; }
	.fieldcover, .field, textarea { width: 94% !important; }
	.button { font-size: 1.2em !important; overflow: visible; padding: 16px; margin-bottom: 20px; }
	label { display: block; width: 100%; float: none !important; margin-bottom: 4px !important; font-size: 1.1em; margin-top: 10px !important; text-align: left !important; }
	label>i { display: block; line-height: auto; font-size: 1em; height: auto; margin-bottom: 30px; margin-top: 20px; }
	.capcode { font-size: 2em; }
}

@media only screen and (orientation:portrait) and (max-device-width:600px)
{
	body { font-size: 2.2em }
	h1 { font-size: 1.6em; }
	h2 { font-size: 1.6em; }
	.pararight, .paraleft, .parawide { width: 70% !important; width: 400px; float: right; margin-left: 20px; margin-right: 0; margin-bottom: 40px; }
	.imgleft, .imgright { width: 20%; margin-top: 60px; float: left; margin-right: 10px; margin-left: 0; }
	.header_logo { float: none; display: block; text-align: center; margin: 0; padding: 0; width: 100%; }
	.header_logo img { width: 40%; }
	.footerrl, .footerm { float: none; width: 100%; height: auto; padding: 20px; text-align: center; margin-top: 16px; margin-bottom: 140px; margin-left: 0; margin-right: 0; }
	.footerm img { width: 30%; }
	.footerrl .center, .footerm .center { text-align: left; }
	.reducewidth { width: 99%; }
	footer, #ftrbox { height: auto; display: block; margin-bottom: 0; font-size: 1.2em; }
	#creditline { display: block; text-align:center; font-size: 1.3em; margin: 0; padding: 10px; margin-top: -20px; }
	.date { width: 20%; }
	.header_nav { background: #000000 !important; height: auto; min-height: 86px; display: block; padding: 10px; float: none; width: 100%; text-align: center !important; font-size: 1.2em; color: #FFFFFF; margin: 0; padding: 0; padding-bottom: 40px; }
	.header_nav dd { float: right; display: inline-block; margin-right: 20px; padding: 4px; margin-bottom: 30px; margin-top: 30px; }
	.header_nav dd a, .header_nav dd a:link, .header_nav dd a:active, .header_nav dd a:visited  { color: #FFFFFF; text-shadow: none; }
	.header_teaser { display: none; }
	header { position: relative; height: auto !important; display: block; overflow: visible; margin: 0; padding: 0; top: auto !important; }
	.header_box { height: auto; width: 100%; }
	#parallax { position: relative; top: auto !important; margin: 0; padding: 0; }
	.subpageheader { height: auto !important; }
	.subpageparallax { top: auto !important; }
	.triple { width: 46%; }
	.contact_robot { display: none; }
	.newsbox { width: 99%; margin: 6px; display: block !important; margin-left: -3px; }
}