@media only all and (max-width: 770px) {
	
	/* ------------------- Allgemein ------------------------- */
	
	body {
		font-size: 80%;
		line-height: 1.2;
		hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
	}
	.header-bild1
{
	display: none;
}
.header-text
{
	position: inherit;
  top: auto;
  left: 1rem;
  width: 91%;
  z-index: 2;
  background-color: white;
  height: auto;
  padding: 0.5rem;
	font-size: 1rem;
	font-style: italic;
	margin-bottom: 0.75rem;
}
.header-bild2
{
	display: none;
}
	
	h1 {
		font-size: 1.6rem;
	}

	h2 {
		font-size: 1.2rem;
		text-align:right !important;
	}

	h3 {
		font-size: 0.9rem;
	}
	
	/* ------------------- Struktur ------------------------- */
	
	.frame-outer {
		width: 100%;
   		font-size: 0.8rem;
	}
	.headline{
padding: 1rem 4%;

	

}
	
	.stellentitelSub{
	margin-right:0;
	
}
	
	.bewerbung{
	position:inherit;
	right:0rem;
	bottom: 0rem;
		background-color:#d51433;
	padding: 0.8rem 4%;
	text-align: center;
-webkit-box-shadow: 8px 10px 15px -6px rgba(0,0,0,0); 
box-shadow: 8px 10px 15px -6px rgba(0,0,0,0);
	transform: rotate(0deg);
		margin-bottom: 1rem;

	
}
	
	.content {
		display: block;
	}
	
	.footer {
		display: block;
	}
	
	.flex {
		display: block;
	}
	
	.left {
		width: 100%;
		margin: 0 0 1rem 0;
	}
	
	.right {
		width: 100%;
	}

        .right2 {
		width: 100%;
                padding: 0;
	}


	.datenschutzhinweis{
		position: relative;
		top: 0rem;
		right: 0rem;
	}

	.slogan1 {
		position: inherit;
		display: block;
		top: auto;
	left: auto;
		
	width:100%;
	}
	
	.slogan2 {
			position: inherit !important;
			top: 6rem !important;
			left: 4% !important;
			width: 45% !important;
	}
	
	.slogan3{
	position: inherit !important;
			top: 10rem !important;
			left: 4% !important;
			width: 45% !important;
}

	
	/* ------------------- Elemente ------------------------- */
	
	.button a {
		display: block;
		margin: 2rem auto;
		padding: 0.8rem 2.5rem;
	}
	
	/* ------------------- Sichtbar/Verstecken ------------------------- */
	
	/* diese Klasse verwenden um etwas erst in der responsiven Ansicht sichtbar zu machen. */
	
	.show {
		display: contents;
	}
	
	/* diese Klasse verwenden um etwas erst in der responsiven Ansicht zu verbergen. */
	
	.hide_m {
		display: none;
	}
	
}
.refnr {}

.apply {}