@media print,
screen and (max-width:800px) and (min-width:641px) {
	.smartphone {display: none !important;}
	/* Start - Global styles */
		/* Start - Fonts */
			/* TODO: define your global fonts  */
		
			html {
				font-size:18px;
			}
		/* End - Fonts */
	/* End - Global styles */

	/* Start - Page layout */
		/* TODO: define the base HTML-structure (like the wrapper, header, article and footer) */
		.big {
			font-size:1.6rem;
		}
		
		header > div.headerContent #metanav {
			right: 20px;
		}
		
		header nav a {
			margin-right:16px;
		}
		
		footer > div > div {
			float:left;
		}
		
		footer .row1 {
			width:50%;
			padding-right:10px;
		}
		
		footer .row2 {
			width:50%;
		}
		
		footer .row3 {
			margin-top:30px;
		}
		
		footer .row3 form input[type=text] {
			width:36%;
		}
		
		footer .row3 form input[type=submit] {
			width:20%;
		}
	/* End - Page layout */

	/* Start - Across entrytypes */
		/* TODO: define class styles of recurring elements (e.g. you have styled buttons with the class .arrow in multiple templates) */
	
		.entrytype.news h2,
		.entrytype.sitemap h2,
		body:not([data-pagetype=kontakt]) .entrytype.standard h2 {
			margin-bottom: 30px;
		}
		
		article form.bigform input[type=text],
		article form.bigform textarea {
			width:100%;
			display:block;
			margin-bottom:33px;
			font-size:1.6rem;
			font-family:sanuk-thinregular;
		}
		
		article form.bigform textarea {
			background-image:url(/images/textarea_bg_tablet.png);
			background-position:0 -18px;
			line-height:273%;
			margin-top:-17px;
			height:140px;
		}
		
		article form.bigform[name=vacancyForm] label[for=anrede],
		article form.bigform label.showmobile {
			width:310px;
			margin-bottom:33px;
			font-size:1.6rem;
			font-family:sanuk-thinregular;
		}
	
		article form.bigform label.showmobile.short {
			width:100px;
		}
		
		article form.bigform .styledInput.si-select {
			width:100%;
			margin-bottom:30px;
			height:48px;
		}
		
		article form.bigform .styledInput.si-select > span {
			font-size:1.6rem;
		}
		
		article form.bigform .si-select .si-options {
			margin-top:48px;
			font-size:1.6rem;
		}
		
		article form input[type=submit] {
			font-size:1.6rem;
			height:50px;
			padding-right:50px;
			font-family:sanuk-thinregular;
		}
		
		.box {
			padding:6px;
		}
		
		h1 {
			font-size:3rem;
		}
		
		h2 {
			font-size:1.6rem;
		}
		
		a.anchor {
			margin-top:-220px;
		}
	/* End - Across entrytypes */

	/* Start - Entrytype styles */
		/* TODO: define the style of each entrytype separate; don't mix these style (if you have it's to define in the "Across entrytype"-sector) */
	.entrytype.stellensuche form {
		max-width: 470px;
	}
	
	.entrytype.stellensuche form h2 {
		font-size:2.3rem;
		font-family:sanuk-lightregular;
	}
	
	.entrytype.stellensuche form input[type=text] {
		height:40px;
	}
		
	.entrytype.stellensuche .styledInput.si-select,
	.entrytype.stellensuche .styledInput.si-select > span,
	.entrytype.stellensuche .styledInput.si-select .si-options a,
	.entrytype.stellensuche form input[type=submit] {
		font-size:1.3rem;
		height:40px;
	}
		
	.entrytype.stellensuche	.styledInput.si-select .si-options {
		margin-top:40px;
	}
	
	.entrytype.startteaser,
	.entrytype.startteaser h2 {
		font-size:0.9rem;
	}
	
	.entrytype.startteaser h2 {
		font-family:sanuk-mediumregular;
	}
	
	.entrytype.startteaser a > div div {
		height:140px;
	}
	
	.entrytype.stellen_fachgebiete a > div {
		height:165px;
	}
	
	.entrytype.stellen_fachgebiete a > div div {
		height:40px;
	}
	
	.entrytype.stellen_fachgebiete a > div h2 {
		font-size:1.1rem;
		margin-top:24px;
	}
	
	.entrytype.stellen_uebersicht a.box {
		width:50%;
	}
	
	.entrytype.stellen_uebersicht a.box > div {
		height:130px;
	}
	
	.entrytype.stellen_uebersicht .stellen_categories_nav {
		top:5px;
	}
	
	.entrytype.stellen_uebersicht #stellen_categories > div > h2 {
		font-size:1.3rem;
	}
	
	.entrytype.team div.box > div {
		display:table;
		width:100%;
		height:100%;
	}
	
	.entrytype.team div.box > div > div {
		display:table-row;
	}
	
	.entrytype.team div.box > div > div > div {
		display:table-cell;
		vertical-align:middle;
	}
	
	.entrytype.team div.box div div.image {
		height:40px;
		background-position:center -70px;
	}
	
	.entrytype.team div.box div.text {
		text-align:center;
		height:120px;
		font-size:1.1rem;
	}
	
	.entrytype.team div.box div.text > div {
		max-height:90px;
		overflow:hidden;
		display:inline-block;
		padding-top: 3px;
	}
	/* End - Entrytype styles */
	
	@media screen and (max-width:750px) {
		
		footer,
		.entrytype.stellen_uebersicht a.box,
		.entrytype.stellen_fachgebiete a > div h2 {
			font-size:0.9rem;
		}
		
		.entrytype.team div.box div.text {
			font-size:1rem;
		}
	}

	@media screen and (max-width:700px) {
		header nav a {
			font-size:0.8rem;
		}
		
		header #metanav > a.meta-facebook,
		header #metanav > a.meta-xing,
		header #metanav > a.meta-linkedin {
			display:none;
		}
		
		footer {
			font-size:0.8rem;
		}
		
		.entrytype.team div.box div.text {
			font-size:0.9rem;
		}
	}
}
	
@media screen and (max-width:1030px) and (min-width:900px) {
	.entrytype.team div.box div.text {
		height:153px;
	}
}
	
@media screen and (max-width:900px) and (min-width:800px) {
	.entrytype.team div.box div.text {
		height:133px;
	}
}