@media screen and (max-width:640px) {
	.tablet {display: none !important;}
	.notsmartphone {display: none !important;}
	/* Start - Global styles */
		/* Start - Fonts */
			/* TODO: define your global fonts  */
			html {
				font-size:13px;
			}
		/* End - Fonts */
	/* End - Global styles */

	/* Start - Page layout */
		/* TODO: define the base HTML-structure (like the wrapper, header, article and footer) */
	/* End - Page layout */

	header > div.headerContent {
		height:70px;
		padding: 0;
	}
	
	header #menu_open_mobile {
		position:absolute;
		z-index:202;
		height:100%;
		width:70px;
		background-image:url(/images/menu_open2.png);
		background-size:auto 51%;
		background-repeat:no-repeat;
		background-position:16px 16px;
	}
	
	header #mobile_languages {
		left:70px;
		position:absolute;
	}
	
	header #mobile_languages a,
	header #mobile_languages span {
		float:left;
		padding-top:37px;
		padding-bottom:10px;
	}
	
	header #mobile_languages a {
		padding-left:2px;
		padding-right:2px;
	}
	header #mobile_languages span {
		font-size:0.8rem;
		padding-top:38px;
	}
	
	header #mobile_languages a:first-child {
	}
	
	header #menu_open_mobile.open {
		background-image:url(/images/menu_close.png);
		background-size:auto 40%;
	}
	
	header a#logo {
		margin:0;
		float:right;
		width:200px;
		padding-top:16px;
		padding-right:16px;
		text-align:right;
		height:53px;
	}

	header > div.headerContent #metanav {
		display:none;
	}
	
	header nav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 201;
		background: rgba(255,255,255,0.95);
		left: 0;
		top: 0;
		padding-top: 60px;
		overflow:hidden;
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
		background:#f4f4f4;
	}
	
	header nav.open {
		width: 80%;
		box-shadow:0 0 10px rgba(0,0,0,0.8);
	}
	
	header nav a {
		font-size:2rem;
		display:block;
		text-align:left;
		margin:0;
		line-height:190%;
		padding-left:20px;
		text-align:left;
	}
	
	header nav a span {
		position:static;
	}
	
	article {
		padding-top: 70px;
	}
	
	footer {
		padding: 30px 16px 12px 16px
	}
	
	footer > .content {
		padding-bottom:18px;
	}
	
	footer .row1,
	footer .row2,
	footer .row3 {
		padding-bottom:25px;
	}
	
	footer h3 {
		margin-bottom:5px;
	}
	
	footer .row3 form {
		margin-bottom: 30px;
	}

	footer .row3 form input[type=text] {
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	
	footer .row3 form input[type=submit] {
		width:auto;
		padding:8px;
		padding-right:30px;
	}
	
	footer .text {
		font-size:1.3rem;
	}
	
	footer .lowerBar {
		flex-direction: column;
	}
	footer .lowerBar .privacy {
		order: 2;
	}
	footer .partner-footer {
		margin-top: 50px;
		width:100%;
	}
	footer .partner-footer a{
		float: left;
	}
	footer .partner-footer a img{
		width: 172px;
	}
	footer .partner-footer p{ 
		float: left;
		line-height: 40px;
		margin-left: 0;
		width: 100%;
	}
	#totop,
	#totop > a {
		width:30px;
		height:30px;
	}

	.popup__inner {
		max-height: 80vh;
	}

	.popup__title {
		font-size: 1.5rem;
	}
	
	/* Start - Across entrytypes */
		/* TODO: define class styles of recurring elements (e.g. you have styled buttons with the class .arrow in multiple templates) */
		
		h1 {
			font-size:2.6rem;
			margin:12px 0;
		}
		
		h2 {
			font-size:1.3rem;
		}
		
		.big {
			font-size:1.45rem;
		}
		
		.entrytype.news h2,
		.entrytype.sitemap h2,
		body:not([data-pagetype=kontakt]) .entrytype.standard h2 {
			margin-bottom:20px;
			font-size:1.85rem;
		}
		
		.content {
			padding:0 16px;
		}
		
		.contenttext {
			padding:16px;
		}
		
		.contenttext.nosmartphonepadding,
		.content.nosmartphonepadding {
			padding:0;
		}
			
		.styledInput.si-select,
		.styledInput.si-select > span {
			height:26px;
		}
		
		.styledInput.si-select .si-options {
			margin-top:26px;
		}
		
		.box {
			width:100%;
			padding:0;
			height:40px;
			float:left;
			margin-bottom:12px;
		}
		
		.box img {
			display:none;
		}
	
		a.anchor {
			margin-top:-100px;
		}
		
		article form.bigform input[type=text],
		article form.bigform textarea {
			width:100%;
			display:block;
			margin-bottom:17px;
			font-size:1.1rem;
			font-family:sanuk-thinregular;
		}
		
		article form.bigform textarea {
			background-image:url(/images/textarea_bg_smartphone.png);
			background-position:0 -9px;
			line-height:266%;
			margin-top:-10px;
			height:30px;
		}
		
		article form.bigform[name=vacancyForm] label[for=anrede],
		article form.bigform label.showmobile {
			width:50%;
			margin-bottom:17px;
			font-size:1.1rem;
		}
	
		article form.bigform label.showmobile.short {
			width:70px;
		}
		
		article form.bigform .styledInput.si-select {
			width:100%;
			margin-bottom:15px;
			height:25px;
		}
		
		article form.bigform .styledInput.si-select > span {
			font-size:1.1rem;
		}
		
		article form.bigform .styledInput.si-file {
			width:50%;
			float:left;
		}
		
		article form input[type=submit] {
			font-size:1.1rem;
			height:26px;
			padding-right:24px;
			font-family:sanuk-thinregular;
		}
		
		.styledInput.si-select {
			min-width:0;
		}
	/* 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.standard .image {
		min-height:200px;
	}
			
	.entrytype.standard .image > div > div > div {
		font-size:1.85rem;
	}
	
	.entrytype.stellensuche .bgcontainer {
		min-height:315px;
	}
	
	.entrytype.stellensuche form .container,
	.entrytype.stellensuche form input[type=text] {
		margin-bottom:10px;
	}
	
	.entrytype.stellensuche,
	.entrytype.stellensuche > div {
		min-height:315px;
	}
	
	.entrytype.stellensuche form h2 {
		font-size:2rem;
	}
	
	.entrytype.stellensuche	.styledInput.si-select,
	.entrytype.stellensuche	.styledInput.si-select > span {
		height:26px;
	}
		
	.entrytype.stellensuche	.styledInput.si-select .si-options {
		margin-top:26px;
	}
	
	.entrytype.startteaser {
		padding-top:32px;
		padding-bottom:20px;
	}
	
	.entrytype.startteaser a.box,
	.entrytype.startteaser a > div div {
		height:auto;
	}
	
	.entrytype.startteaser h2 {
		font-size:1rem;
		font-family:sanuk-mediumregular;
	}
	
	.entrytype.startteaser a > div {
		padding-top:13px;
	}
	
	.entrytype.startteaser a > div > div {
		padding-bottom:10px;
	}
	
	.entrytype.stellen_fachgebiete {
		padding-bottom:20px;
	}
	
	.entrytype.stellen_fachgebiete a > div div {
		display:none;
	}
	
	.entrytype.stellen_fachgebiete a > div h2 {
		margin-top:13px;
		white-space:nowrap;
		font-size:1rem;
	}
	
	.entrytype.stellen_uebersicht .stellen_categories_nav {
		top:0;
		height:16px;
	}
	
	.entrytype.stellen_uebersicht .stellen_categories_nav.prev {
		left:16px;
	}
	
	.entrytype.stellen_uebersicht .stellen_categories_nav.next {
		right:16px;
	}
	
	.entrytype.stellen_uebersicht #stellen_categories > div > h2 {
		font-size:1rem;
	}
	.entrytype.stellen_uebersicht .stellen {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	
	.entrytype.stellen_uebersicht a.box {
		height:auto;
	}
	
	.entrytype.stellen_uebersicht a.box > div {
		height:auto;
		min-height:80px;
		padding:3px;
	}
	
	.entrytype.stellen_uebersicht .stellendetail {
		padding-top:60px;
	}
	
	.entrytype.stellen_uebersicht .stellendetail > div {
		padding:60px 16px 0 16px;
	}
	.entrytype.stellen_uebersicht .stellendetail > a.close {
		top:70px;
		background-image:url(/images/close_black.png);
		width:50px;
		height:50px;
	}
		
	.entrytype.stellen_uebersicht .stellendetail h2 {
		margin-bottom:2px;
		font-size:1.8rem;
	}
	
	.entrytype.stellen_uebersicht .stellendetail form .send input[type=submit] {
		margin-top:20px;
	}
	
	.entrytype.team {
		padding-bottom:20px;
	}
	
	.entrytype.team div.box div div.image {
		display:none;
	}
	
	.entrytype.team div.box div.text {
		height:58px;
		padding:10px;
		text-align:center;
		font-size: 1.1rem;
	}
	
	.entrytype.portrait {
		padding-bottom:10px;
	}
	
	.entrytype.portrait,
	.entrytype.portrait .text  {
		background:transparent;
	}
	
	.entrytype.portrait .image {
		height:250px;
	}
	
	.entrytype.portrait .image a.close {
		background-image:url(/images/close_yellow.png);
	}
	
	.entrytype.portrait .text .info {
		font-size:1.2rem;
	}
	
	.entrytype.news #news_categories a.categorynav, .entrytype.news #news_categories a.categorynav:hover {
		height:15px;
		margin-top:2px;
	}
	
	.entrytype.news #news_categories a.active, .entrytype.news #news_categories a:hover {
		font-size:1.1rem;
	}
	
	.entrytype.karte {
		min-height:190px;
		margin-bottom:3px;
	}
	
	.entrytype.kontaktformular h2 {
		margin-bottom:7px;
	}
	/* End - Entrytype styles */
}