@media only all and (max-width: 700px) {
    /* for 700px or less */
body {
	-ms-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	
}
	
	#logo img {width: 50%;}

.frame-outer {
	margin: 0;
	width: 100%;
	border: none;
	box-shadow: none;
	font-size: 0.9rem !important;
}
	
	h1 {
		font-size: 1.5rem;
	}
	
	h3 {font-size: 0.9rem;}
	
	.info li {background-size: 1.2rem 1.1rem;}
	
	.button a {margin: 1.5rem auto;}
	
	.printshare {text-align: left;}
	
	.print { margin: 0 0 1rem 0 !important;}
	
	/* Tooltip container */
.tooltip {
  position: relative;
	display: inline-block;
	cursor: pointer;
	background-image: url("//anzeigen.jobsintown.de/job/files/1287301/teilen.svg");
	background-size: auto 1rem;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0 0 0 1.8rem;
	text-align: left;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: visible;
  background-color: #e00921;
  color: #fff;
	border: none;
	width: 100%;
	margin: 0.5rem 0 0 0;
 
  /* Position the tooltip text - see examples below! */
  position: static;
  z-index: 1;
}
	
	.sharebtn {display: inline-block; padding: 0.3rem;}
	
	.sharebtn img {
	width: auto;
	height: 1rem;
	display: inline-block;
	position: relative;
	top: 0.2rem;
	margin: 0 0.5rem 0 0;
}
    
.box-left {
	width: 100%;
	margin-bottom: 1rem;
	float: none;
}
    
.box-right {
	width: 100%;
	float: none;
}
	
	.socialbar {text-align: right;}
	
.flex {
	display: block;
}
	
	.benefitbox {
		width: 49%;
	}
	
	.benefitbox:last-of-type {
	margin-bottom: 0;
}
	
.left, .right, .kontaktdaten {
	width: 100%;
}
	
	.kontaktbild {
		width: 5rem;
		height: 5rem;
		margin: 0 0 1rem 0;
	}
	
	.kontaktdaten {
		margin: 0 0 2rem 0;
	}

.left {
	margin-bottom: 1rem;
}

.hide {
	display: block;
}

.hide_m {
	display: none;
}  
}

.refnr {}

.apply {}