@font-face {
font-family: 'radikalregular';
src: url('fonts/radikal-regular.eot');
src: url('fonts/radikal-regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-regular.woff2') format('woff2'),
          url('fonts/radikal-regular.woff') format('woff'),
          url('fonts/radikal-regular.ttf') format('truetype');
}
@font-face {
font-family: 'radikalmedium';
src: url('fonts/radikal-medium.eot');
src: url('fonts/radikal-medium.eot?#iefix') format('embedded-opentype'),
}
@font-face {
font-family: 'radikalregularitalic';
src: url('fonts/radikal-regularitalic.eot');
src: url('fonts/radikal-regularitalic.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-regularitalic.woff2') format('woff2'),
          url('fonts/radikal-regularitalic.woff') format('woff'),
          url('fonts/radikal-regularitalic.ttf') format('truetype');
}
@font-face {
font-family: 'radikalbold';
src: url('fonts/radikal-bold.eot');
src: url('fonts/radikal-bold.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-bold.woff2') format('woff2'),
          url('fonts/radikal-bold.woff') format('woff'),
          url('fonts/radikal-bold.ttf') format('truetype');
}
@font-face {
font-family: 'radikalbolditalic';
src: url('fonts/radikal-bolditalic.eot');
src: url('fonts/radikal-bolditalic.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-bolditalic.woff2') format('woff2'),
          url('fonts/radikal-bolditalic.woff') format('woff'),
          url('fonts/radikal-bolditalic.ttf') format('truetype');
}

@font-face {
font-family: 'radikalblack';
src: url('fonts/radikal-black.eot');
src: url('fonts/radikal-black.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-black.woff2') format('woff2'),
          url('fonts/radikal-black.woff') format('woff'),
          url('fonts/radikal-black.ttf') format('truetype');
}
@font-face {
font-family: 'radikalblackitalic';
src: url('fonts/radikal-blackitalic.eot');
src: url('fonts/radikal-blackitalic.eot?#iefix') format('embedded-opentype'),
          url('fonts/radikal-blackitalic.woff2') format('woff2'),
          url('fonts/radikal-blackitalic.woff') format('woff'),
          url('fonts/radikal-blackitalic.ttf') format('truetype');
}

body {
	font-family: 'radikalregular'; 
	font-size: 16px;
	line-height: 24px;
}
html {
  overflow-x: hidden;
}
.container {
    max-width: 1636px;
    padding: 30px;
    //border: 1px solid pink;
}

.fixed-top {
	background-color: #fff;
	padding: 15px;
	padding-top: 20px;
	z-index: 2500;
}
h1, h2, h3, h4, h5, h6 {
	
}

h1 {
	font-size: 44px;
	line-height: 60px;
}
h1.nichtstart {
	font-size: 40px;
	line-height: 50px;
}
h1.starth1 {
	font-size: 54px; line-height: 70px;
}
h2 {
	padding-bottom: 20px;
	font-size: 32px;
	line-height: 42px;
}
h2.blackschraeg {
	font-family: 'radikalblackitalic';
	font-size: 32px;
	line-height: 46px;
}
h3 {
	padding-bottom: 20px;
	font-size: 24px;
	line-height: 32px;
}
h4 {
	font-size: 16px;
	line-height: 22px;
}
h5 {

}
h6 {

}

a {
	color: #537791;
	text-decoration: none;
}
a:hover, a:focus {
	color: #ff00a0 !important;
}
.header a {
	color: #000 !important;
}

p {
	//padding-bottom: 15px;
}

.nordseeblau {
	color: #537791;
}
.bg-nordseeblau {
	background-color: #537791 !important;
	color: #fff !important;
}
.pink {
	color: #ff00a0;
}
.schwarz {
	color: #000;
}
.italic {
	font-family: 'radikalregularitalic';
}
.fett {
	font-family: 'radikalbold';
}
.fettitalic {
	font-family: 'radikalbolditalic';
}
.black {
	font-family: 'radikalblack';
}
.blackitalic {
	font-family: 'radikalblackitalic';
}
.markiert {
	background-image:url('images/markiert.svg');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 0em 1.15em;
	
}
.weiss {
	background-color: #fff;
}
.gelb {
	background-color: #fee930;
}
.colorfff, .colorfff a {
	color: #fff !important;
}
.groesser, .buttontext {
	font-size: 18px;
	line-height: 26px;
}

#toggleicon {
	//border: 1px solid blue;
}


.pfeilimg-show {
	
}

p.pfeilimg:hover, div.pfeilimg:hover, div.pfeilimg2:hover {
  //filter: invert(50%) sepia(100%) hue-rotate(290deg) saturate(700%);
  filter: invert(14%) sepia(81%) saturate(7243%) hue-rotate(315deg) brightness(90%) contrast(112%);
}
.height100 {
	height: 100%;
}
.problemkarte {
	border-radius: 10px !important;
	min-height: 543px; 
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
}

.buttontext {
	font-family: 'radikalbold';
}

.headerstart {
	font-size: 20px;
	line-height: 27px;
}
.overline {
	font-size: 18px;
	line-height: 24px;
}
p.dachzeile {
	color: #537791;
	padding: 0;
	margin-bottom: 10px;
}
.schatten {
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	height: 25vh;
}
.headerschatten {
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
}
.rosabg {
	background-color: #f6ceea;
}
.rund {
	border-radius: 10px !important;
}

.header-links {

}
.header-mitte {

}
.header-rechts {

}

.header img, #header_mitte, #header_rechts, #navoverlay {
  transition: 400ms;
}

#logo {
	z-index: 30000000 !important;	
}

.tiny{
  padding: .25rem 1rem;
}
.tiny .header-links img {
  height: 30px !important;
  width: auto;
}


.button-nordseeblau:hover, a .button-nordseeblau:hover {
	background-color: #ff00a0 !important; 
	color: #fff !important;
	border-color: #ff00a0 !important; 
}
.doflip:hover, .doflip1:hover, .doflip2:hover {
	color: #ff00a0 !important; 
}

.kringellinks {
	background-image: url('images/kringel.svg'); 
	background-repeat: no-repeat; 
	background-size: 40%; 
	background-position: left bottom;
}

ul.desktop-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.desktop-menu li {
	margin-left: 0 !important;
	display: inline;
	padding-left: 70px;
}
.navcontainer {
	margin-top: -30px !important;
	margin-right: -10px !important;
	width: 100% !important;
	padding-bottom: 10px;
}
.navcontainer ul.sub-menu {
	padding-right: 0 !important;
	width: 100%;
}
ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-right: -30px !important;
	margin-bottom: 15px !important;
	//background-color: #fff !important;
	width: 100% !important;
}
ul.sub-menu li, ul.sub-menu li a {
	margin-left: 0 !important;
	display: inline;
	padding-left: 18px;
	font-family: 'radikalbold';
	color: #000 !important;
	text-transform: uppercase;
}
li.current_page_item a {
	color: #ff00a0 !important;
}
ul.footer-menu li.current_page_item a {
	color: #fff !important;
}


ul.sub-menu li:hover, ul.sub-menu li a:hover {
	color: #ff00a0 !important;
}

.impression {
	border-radius: 10px;
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	background-color: #fff;
	padding: 0 !important;
}

.navoverlay {
	display: none;
	width: 110% !important;
	height: 40px;
	padding: 15px;
	position: absolute;
	top: 125px;
	right: -15px;
	z-index: 20000000;	
	background-color: #fff !important;
	padding: 0 !important;
}

/* ---- hamburger menu ----*/
.navoverlay .hamburgermenu {
	background-color: #fff !important;
}
ul.mobile-menu, ul.mobile-sub-menu {
		list-style: none;
		margin-right: 70px;
	}
	ul.mobile-menu li a {
		font-size: 16px;
		line-height: 36px;
		font-family: 'radikalbold' !important;
		color: #000;
		text-transform: uppercase;
	}
	ul.mobile-menu li a {
		font-size: 18px;
		line-height: 38px;
		font-family: 'radikalbold' !important;
	}
	ul.mobile-sub-menu li a {
		font-size: 16px;
		line-height: 36px;
		font-family: 'radikalbold' !important;
		color: #000;
		text-transform: uppercase;
	}
/* ---- ende hamburger menu ----*/

.abstand a {
	padding: 10px;
}
.abstand last-child {
	padding-right: 0;
}
.toggleicon rect {
  fill: black;
}
.toggleicon::before {

content: url('data:image/svg+xml; utf8, <svg width="49" height="29" viewBox="0 0 49 29" xmlns="http://www.w3.org/2000/svg"><rect width="49" height="5" fill="black"/><rect y="12" width="49" height="5" fill="black"/><rect y="24" width="49" height="5" fill="black"/></svg>'); 	
}
.toggleicon:hover {
	content: url('data:image/svg+xml; utf8, <svg width="49" height="29" viewBox="0 0 49 29" xmlns="http://www.w3.org/2000/svg"><rect width="49" height="5" fill="%23ff00a0"/><rect y="12" width="49" height="5" fill="%23ff00a0"/><rect y="24" width="49" height="5" fill="%23ff00a0"/></svg>'); 	

}
.toggleactive::before {
	content: url('data:image/svg+xml; utf8, <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.53552" width="49" height="5" transform="rotate(45 3.53552 0)" fill="black"/><rect y="34.6482" width="49" height="5" transform="rotate(-45 0 34.6482)" fill="black"/></svg>');  
}
.toggleactive:hover {
	content: url('data:image/svg+xml; utf8, <svg width="39" height="39" viewBox="0 0 39 39" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="3.53552" width="49" height="5" transform="rotate(45 3.53552 0)" fill="%23ff00a0"/><rect y="34.6482" width="49" height="5" transform="rotate(-45 0 34.6482)" fill="%23ff00a0"/></svg>');  
}


img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }




/* momentan nicht verwendet */
.flip-card {
  background-color: transparent;
  width: 100%;
  perspective: 1000px;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
  box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.flip-card-back {
  transform: rotateY(180deg);
}
/* ende momentan nicht verwendet */

/* flip cards */
.scene {
  display: inline-block;
  width: 100%;
  height: 100%;
  perspective: 600px;
}

.card, .card1, .card2 {
  position: relative;
  width: 100%;
  height: 100%;
  /* cursor: pointer; */
  transform-style: preserve-3d;
  transform-origin: center right;
  transition: transform 1s;
  border: none !important;
  border-radius: 10px;
}

.card.is-flipped, .card2.is-flipped {
  transform: translateX(-100%) rotateY(-180deg);
  backface-visibility: hidden;
}

.card__face {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  backface-visibility: hidden;
}

.card__face--front {
	//background-color: #fff;
	background-color: transparent;
}

.card__face--back {
	//background-color: #fff;
	
	background-color: transparent;
  transform: rotateY(180deg);
  //backface-visibility: hidden;
	z-index: 3000000000000000;
}
.card__face--back > .tesa_mitte_gelb {
	display: none;
}
/*
.card.flipped {
  -webkit-transform: translateX(-100%) rotateY( 180deg);
  -moz-transform: translateX(-100%) rotateY( 180deg);
  -o-transform: translateX(-100%) rotateY( 180deg);
  transform: translateX(-100%) rotateY( 180deg);
}
*/
.button-weiss {
	background-color: #fff;
	border-radius: 30px;
	padding: 12px 30px;
	border: none !important;
	text-transform: uppercase;
	color: #537791;
	border: 2px solid #537791 !important;
	margin-top: 10px;
	font-weight: 700;
}
.button-weiss:hover {
	color: #ff00a0 !important; 
	border: 2px solid #ff00a0 !important; 
}
.toggleicon:hover {
	color: #ff00a0 !important; 
}
.header a {
	text-transform: uppercase;
}
.header a:hover {
	color: #ff00a0 !important;
}
.ansprechpartner {
	position: fixed;
	top: 220px;
	right: -330px;
	width: 380px;
	height: 356px;
	background-color: #e9eef1;
	border-radius: 20px;
	/* box-shadow: 5px 10px 20px 10px #999; */
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	z-index: 3000;
	font-size: 0.8em;
	transition: all .5s ease;
	cursor: pointer;
}
.ansprechpartner.expanded {
	right: -20px;
	height: auto !important;
}
.ansprechpartner span.rotation {
	position: absolute;
	transform: rotate(-90deg);
	margin-left: -107px;
	margin-top: 140px;
	color: #537791 !important;
	font-size: 18px;
	line-height: 24px;
	cursor: pointer;
}
.ansprechpartner img {
	position: absolute;
	right: 50px;
	top: -34px;
	border: 3px solid white;
	width: 130px;
	border-radius: 65px;
}
.pfeil {
	position: fixed;
	top: 558px;
	right: 25px;
	z-index: 9999999999;
}

.kasten_weiss {
	border-radius: 10px;
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	background-color: #fff;
	padding: 24px;
	width: 394px;
}

.benefit {
	border-radius: 10px;
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	background-color: #fff;
	padding: 12px;
	min-height: 22vh;
	margin-bottom: 20px;
}
.benefit h2 {

}
.leitsatzkarte {
	padding: 30px; 
	min-height: 310px !important; 
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	text-align: center;
}
.leitsatzkarte h2 {
	font-size: 26px;
	line-height: 36px;
	display: block;
	width: 100%;
}
@media only screen and (min-width: 1650px) {
	.leitsatzkarte h2 {
		font-size: 32px;
		line-height: 42px;
	}
}


.dsmob {
	 min-height: 350px !important;
}
.footer_top {
	text-align: center;
}

.frage_loesung_logo {
	position: absolute;
	bottom: 20px;
	left: 20px;
	z-index: 2100;
}
.tesa_gelb {
	position: absolute;
	bottom: -25px;
	right: 60px;
	z-index: 2100;
}
.tesa_mitte_gelb {
	position: absolute;
	top: -25px;
	right: 80px;
	z-index: 2100;
}
.tesa_links_gelb {
	position: absolute;
	bottom: -25px;
	left: 60px;
	z-index: 2100;
}
.tesa_rechts_gelb {
	position: absolute;
	top: -35px;
	right: 60px;
	z-index: 2100;
}
.tesa_rechts_gelb_start {
	position: absolute;
	top: -35px;
	right: 30px;
	z-index: 2100;
}
.tesa_rechts_oben_gelb {
	position: absolute;
	top: -35px;
	right: 60px;
	z-index: 2100;
}
.tesa_links_oben_gelb {
	position: absolute;
	z-index: 2100;
	top: -20px;
	left: 35px;
}
.tesa_rechts_gelb_schraeg {
	position: absolute;
	top: -75px;
	right: 60px;
	z-index: 2100;
}
.tesa_rechts_gelb img, .tesa_rechts_gelb_schraeg img {
	transform: rotate(20deg);

}
.tesa_links_gelb img, .tesa_links_oben_gelb img, .tesa_rechts_gelb_start img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}
.tesa_blau {
	position: absolute;
	z-index: 2100;
	top: -25px;
	left: 40px;
	margin-top: 115px !important; 
	margin-left: 70px !important;
}
.tesa_unten_blau {
	position: absolute;
	z-index: 2100;
	bottom: -40px;
	left: 40px;
}
.tesa_unten_links_blau {
	position: absolute;
	z-index: 2100;
	bottom: -40px;
	left: 40px;
}
.tesa_unten_links_blau_start {
	position: absolute;
	z-index: 2100;
	bottom: -40px;
	left: 60px;
}
.tesa_rechts_blau {
	position: absolute;
	z-index: 2100;
	top: -25px;
	right: 40px;
}

.tesa_rechts_blau img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}
.tesa_unten_rechts_blau {
	position: absolute;
	z-index: 2100;
	bottom: -14px;
	right: 40px;
}

.tesa_unten_links_blau img, .tesa_unten_links_blau_start img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}

.sprechblase_test {
	position: absolute;
	z-index: 1000;
	width: 110%;
	height: auto;
	left: 0;
	background-color: #fff;
	padding: 20px;
	border-radius: 20px;
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
}
.sprechblase_statement {
	position: absolute;
	z-index: 1000;
	width: 714px !important;
	height: auto;
	left: 0px;
	padding-bottom: 50px; 
	margin-left: 0px; 
	margin-top: 100px;
	min-height: 280px; 
	background-image: url('images/sprechblase.png'); 
	background-repeat: no-repeat; 
	background-size: 100% 100%;
}
.sprechblase_statem_rechts {
	position: absolute;
	z-index: 1000;
	width: 714px;
	height: auto;
	right: 0px;
	padding-bottom: 50px; 
	margin-right: 0px; 
	margin-top: 100px;
	min-height: 280px; 
	background-image: url('images/sprechblase_links.png'); 
	background-repeat: no-repeat; 
	background-size: 100% 100%;
}
.sprechblase_inhalt {
	position: relative;
	z-index: 2000;
	width: 566px;
	height: auto;
	left: 25px;
	top: 8px;
	padding: 0px;
	padding-bottom: 10px;
	margin-left: 30px;
}
.sprechblase_inhalt_rechts {
	position: relative;
	z-index: 2000;
	width: 566px;
	height: auto;
	left: 110px !important;
	top: 8px;
	padding: 0px;
	padding-bottom: 10px;
	padding-right: 45px;
}
.sprechblase_bild_links {
	position: absolute;
	z-index: 2000;
	width: 453px !important;
	height: auto;
	right: 10px;
	top: 0;
	padding: 30px;
}
.statementbild_rechts {
	margin-left: -30px !important;
}
.bildlinks img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;

}
img.headerbild {
	transform: rotate(-3deg);
}
img.headerbildlinks {
	transform: rotate(3deg);
}

img.schraeg {
	width: 90%; 
	height: auto; 
	position: absolute; 
	top: -50px; 
	left: 23px;
	z-index: 100; 
	transform: rotate(3deg); 
	cursor: pointer;
}
.footerinhalt, .footerinhalt a {
	white-space: nowrap !important;
}
.legal a {
}
.legal a:hover {
	color: #fff !important;
}

.benefith2 {
	//hyphens: auto;
}
.benefith3 {
	//z-index: 10000000000 !important;
}
img.benefitbild {
/*
	position: absolute !important;
	right: 20px;
	top: 20px;
	z-index: 1 !important;
	*/
}

@media (min-width: 769px) and (max-width: 1500px) {
	.statementcontainer {
		//border: 1px solid pink;
	}
	.footercontainer {
		margin-top: 50px !important;
	}
	.footerwerbung p {
		width: 100% !important;
	}
	.abstandunten20 {
		margin-bottom: 20px !important;
	}
	.abstandunten40 {
		margin-bottom: 40px !important;
	}
	.abstandunten0 {
		margin-bottom: -20px !important;
	}
	.abstandoben {
		margin-top: 60px !important;
	}
	.jobbutton {
		margin-right: 5px !important;
	}
	.jobvorteile .button-weiss {
		padding: 10px 20px;
	}
	.jobvorteile {
		padding: 30px 25px !important;
		//border: 1px solid blue !important;
	}
	p.jobvorteil {
		bottom: 20px !important;
	}
	ul.desktop-menu li {
		padding-left: 40px !important;
	}
	.headerbild {
		//width: 500px !important;
	}
	.header-links img {
		//width: 300px !important;
		//margin-top:25px !important;
	}
	.socbut img {
		margin-top: 18px;
		margin-bottom: 6px;
	}
	
	.dsmob {
		min-height: 400px !important;
	}
	.schraegcontent .dsmob {
		min-height: auto !important;
		padding-bottom: 30px !important;
	}
	.kringeltop {
		top: 0px !important;
	}
		img.schraeg {
		//position relative !important;
		//top: 35px !important; 
	}
	.schraegcont .tesa_rechts_gelb_schraeg {
		top: 20px;
	}
	.height100 {
		height: 100% !important;
	}
	.footerwerbung {
	
	}
}


@media (min-width: 769px) and (max-width: 1100px) {
	

	.bullaugencontainer, .bulli2 {
		min-height: 700px !important;
		padding: 20px !important;
	}
	.bulli2 .button-weiss {
		bottom: -80px !important;
	}
	.abst100 {
		margin-bottom: 100px !important;
	}
	.img-container {
	//width: 430px;
	//max-width: 430px;
	position: relative;
}
	.bullaugencontainer, .img-container {
		min-height: 700px !important;
		padding: 20px !important;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}

	.teaser_0 {
		position: relative !important;
		width: 100% !important;
		top: -120px !important;
		text-align: left !important;
	}
	.teaser_1 {
		position: relative !important;
		top: -100px !important;
		width: 100% !important;
		text-align: left;
	}
	.teaser_2 {
		position: relative !important;
		top: -80px !important;
		width: 100% !important;
	}
	.teaser_3 {
		position: relative !important;
		width: 100% !important;
		top: -90px !important;
	}
	.teaser_4 {
		position: relative !important;
		width: 100% !important;
		top: -70px !important;
	}
	.teaser_5 {
		position: relative !important;
		width: 100% !important;
		top: -50px !important;
	}
	.abstandoben {
		margin-top: 40px !important;
	}
	.headerabstand {
		margin-top: 20px;
	}
	.footertop40 {
		margin-top: 40px !important;
	}
	.buttonrow {
		width: 80% !important;
	}
	.dreischrittehead {
		margin-bottom: 20px;
	}
	.socbut img {
		margin-top: 25px;
	}
	.aktcont {
		padding: 15px;
	}
	.problem2 {
		padding-right: 25px !important;
	}
	img.schraeg {
		position relative !important;
		top: 35px !important; 
	}
}





.fpmodul {
	background-color: #dee4e8;
	padding: 20px;
	color: #537791;
	min-height: 215px;
	font-weight: bold;
}
.fpbeschreibung {
	background-color: #eef1f4;
	padding: 20px;
	color: #000;
	//min-height: 320px;
	line-height: 24px;
}

.fpmodul2 {
	background-color: #dee4e8;
	padding: 20px;
	color: #537791;
	min-height: 215px;
	font-weight: bold;
}
.fpbeschreibung2 {
	background-color: #eef1f4;
	padding: 20px;
	color: #000;
	//min-height: 110px;
	font-weight: bold;
}

.fpmodul3 {
	background-color: #dee4e8;
	padding: 20px;
	color: #537791;
	min-height: 215px;
	font-weight: bold;
}
.fpbeschreibung3 {
	background-color: #eef1f4;
	padding: 20px;
	color: #000;
	//min-height: 180px;
	font-weight: bold;
}
br {
	content: "";
  	display: block;
  	height: 6px;
}
.headline {
	font-size: 18px;
	color: #e7379d;
	margin: 0;
	padding: 0;
	font-family: 'radikalbold' !important;
}
.datum, .mitarbeiter {
	margin: 0;
	padding: 0;
	font-family: 'radikalregular' !important; 
	font-weight: normal !important;
}
.dachzeile {
	font-family: 'radikalbold' !important;
}


.jobvorteile {
	min-height: 370px;
}

.accordion {
	--bs-accordion-btn-bg: #fff;
	--bs-accordion-active-bg: #fff;
	--bs-accordion-active-color: #000;
	--bs-accordion-btn-focus-box-shadow: none;
}
.accordion-body {
	background-color: #fff;
	margin: 0 !important;
	margin-top: -20px !important;
	padding-bottom: 30px;
}
.accordion-button {
	padding: 10px 20px;
	height: 54px !important;
	//border-top: 1px solid #537791;
}
/*
.accordion-item:first-child .accordion-button.collapsed,
.accordion-item:first-child .accordion-body {
	border-top: 1px solid #537791;
}
.accordion-item:first-child .accordion-button.collapsed {
	border-top: none !important;
}
*/
h2.accordion-header {
	padding: 0!important;
	padding-top: 15px !important;
	border-botom: none !important;
}
.accordion-button::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23537791' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4'/%3E%3C/svg%3E");
	margin-top: -12px;
}
.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23537791' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8'/%3E%3C/svg%3E");
	margin-top: -12px;
}
.accordion-button:not(.collapsed) .faqfrage {
	color: #ff00a0;
}
.accordion-button.collapsed {
	border-bottom: 1px solid #537791 !important;
	border-radius: 0 !important;
}
.accordion-button:not(.collapsed) {
	border-bottom: none !important;
}
.accordion-body {
	border-bottom: 1px solid #537791 !important;
	padding-bottom: 10px;
}
.accordion {
    --bs-accordion-btn-focus-box-shadow: none; /* Removes the focus box shadow. Not recommended to remove this. */
   // --bs-accordion-btn-focus-border-color: #537791 !important; /* Sets the border color. accordion-button doesn't have a border by the way. */
    --bs-accordion-active-bg: #fff; /* Sets the background color. */
    //--bs-accordion-border-color: #537791 !important;
    border-radius: 0 !important;
}

/*
.accordion-header {
	height: auto !important;
}

.accordion-button.collapsed {
	border-bottom: 1px solid #537791 !important;
}
*/

.socbut {
	display: inline-block;
	border-radius: 20px;
	border: 2px solid #537791;
	/*
	width: 12vw;
	height: 12vw;
	*/
	width: 180px;
	height: 180px;
	margin: 12px;
	text-transform: uppercase;
	padding-top: 2vw;
	text-align: center;
	background-color: #fff;
}
.socbut a {
	color: #537791;
}
.socbut a .fa, .socbut a .fab, .socbut a .fas {
	color: #ff00a0;
	font-size: 62px;
	margin-bottom: 15px;
}
.socbut img {
	width: 62px;
	height: auto;
}
.footer_oben {
	position: absolute; 
	top: -200px; 
	left: 0; 
	height: 190px;
	width: 100%;
	z-index: -100;
}
.footer_mitte {
	background-color: #537791;
	color: #fff;
	border-top-right-radius: 20px;
	border-top-left-radius: 20px;
}
.footer_unten {
	background-color: #ff00a0;
	color: #000;
	height: 62px !important;
	padding: 5px;
	margin-bottom: 0px !important;
}
.kasten_weiss100 {
	border-radius: 10px;
	box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	background-color: #fff;
	padding: 12px;
}
.crew-front {
	min-height: 515px !important;
}
.vertical-center {
  margin: 0;
  position: absolute;
  top: 50% !important;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


	.teaser_0, .teaser_1, .teaser_2, .teaser_3, .teaser_4, .teaser_5 {
		width: 394px;
		height: auto;
		z-index: 2;
	}


.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.row > [class*='col-'] {
  display: flex;
  flex-direction: column;
}

.fill, .fillmod { 
    min-height: 100%;
    height: 100%;
    background-color: #eef1f4;
}
.fillgelb { 
    min-height: 100%;
    height: 100%;
    background-color: #fee930;
}
.fillweiss {
	min-height: 100%;
    height: 100%;
    background-color: #fff;
}
.inner-shadow {
  box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
}


.img-container {
	width: 530px;
	max-width: 530px;
	position: relative;
}
.img-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	//box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	z-index: 1;
}
.img-container img {
	width: 100%;
}

ul.footer-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
ul.footer-menu li {
	margin-left: 0 !important;
	font-size: 18px;
	line-height: 32px;
}
.padding30 {
	padding: 30px;
}
.benefitcontainer {
	margin-bottom: 25px !important;
}



/* -------------------------------------------------- zwischengroessen ----------------------------------------------------------- */
@media only screen and (max-width: 991px) and (min-width: 769px)  {

	.kasten_weiss {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
	}
	.teaser_0 {
		left: -200px !important;
		top: 20px !important;
	}
	.teaser_1 {
		left: -120px !important;
		top: 20px !important;
	}
	.teaser_2 {
		left: -180px !important;
		top: 20px !important;
	}
	.teaser_3 {
		left: -150px !important;
		top: 20px !important;
	}
	.teaser_4 {
		left: -130px !important;
		top: 20px !important;
	}
	.teaser_5 {
		left: -200px !important;
		top: 20px !important;
	}
	.kringellinks { 
		background-size: 80% !important; 
		//background-position: 100% 100%;
		padding-top: 35px;
	}
	.ttalk {
		right: 0px !important;
		width: 150px !important;
	}
	.gelb {
		min-height: 60vh !important;
	}
	.ausfahrh2 {
		font-size: 28px !important;
	}
	img.schraeg {
		width: 90%; 
		height: auto; 
		position: absolute; 
		bottom: 140px !important; 
		left: 18px;
		z-index: 100; 
		transform: rotate(3deg); 
		cursor: pointer;
	}
}



/* ----------------------------------------------------------------------------- mobile phones --------------------------------------------------------------------------------- */
@media only screen and (max-width: 768px) {
	html {
		//max-width: 100vw !important;
	}
  	body {
  		//overflow-x: hidden;
  		//max-width: 100vw !important;
  		font-size: 14px !important;
		line-height: 22px;
	}
	.container {
		//width: 100vw !important;
		padding: 20px !important;
	}
	#logo {
		width: 265px !important!
	}
	.fixed-top {
		padding-bottom: 10px !important;
		//box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	}
	h1 {
		font-size: 38px;
		line-height: 48px;
	}
	h1.nichtstart123 {
		font-size: 32px;
		line-height: 40px !important;
	}
	h1.starth1 {
		font-size: 38px; 
		line-height: 48px;
	}
	h2 {
		padding-bottom: 20px;
		font-size: 20px;
		line-height: 26px;
	}
	h2.blackschraeg {
		font-family: 'radikalblackitalic';
		font-size: 22px;
		line-height: 28px;
	}

h3 {
	padding-bottom: 20px;
	font-size: 18px;
	line-height: 26px;
}
h4 {
	font-size: 14px;
	line-height: 20px;
}
h4.desktop {
	font-size: 16px;
	line-height: 22px;
	font-family: 'radikalbold' !important;
}
.artikelheadh2 {
	margin-bottom: 0 !important;
}
.groesser, .headerstart {
	font-size: 16px !important;
	line-height: 21.6px !important;
}
.headerstart {
	padding-top: 0 !important;
}
	.headerabstand {
		padding-right: 15px !important;
	}
.overline {
	font-size: 14px;
	line-height: 20px;
}
	
	.fpmodul, .fpmodul2, .fpmodul3 {
		min-height: auto !important;
	}
	.buttontext {
		font-size: 16px;
		line-height: 26px;
	}
	.footercontainer {
		padding-left: 12px !important;
		font-size: 16px;
		line-height: 26px;
		margin-top: 10px !important;
		padding-top: 0px !important;
		font-size: 16px !important;
	}
	.footercontainer .footerlogo {
		width: 260px !important;
	}
	.footercontainer .button-weiss {
		height: 34px !important;
	}
	.footercontainer a {
		color: #fff !important;
	}
	.footer_top {
		margin-top: -20px;
	}
	.fillweiss {
		min-height: auto !important;
    	height: auto !important;
	}
	.jobvorteillang {
		padding-bottom: 70px !important;
	}
	.jobvorteile p {
		bottom: 15px !important;
	}
	.toggle-navoverlay {
		font-size: 36px;
		margin-top: -15px !important;
	}
	.fillgelb {
		padding: 50px 20px 80px 20px !important;
		min-height: auto !important;
    	height: auto !important;
	}
	
	.fill, .fillmod { 
    	min-height: auto !important;
    	height: auto !important;
	}	

	.fillweiss {
		min-height: auto !important;
    	height: auto !important;
	}
	.kastenweiss100 {
		height: auto !important;
	}
	
	/* ------------------------------mobile menu-------------------------------- */
	.toggleicon {
		top: 5px !important;
	}
	.navoverlay {
		background-color: #fff !important;
		width: 110% !important;
		height: auto !important;
		top: 110px;
		left: -15px;
		box-shadow: 4px 15px 20px 0px rgb(0 0 0 / 0.1);
	}
	ul.mobile-menu, ul.mobile-sub-menu {
		list-style: none;
		margin-right: 95px;
	}
	ul.mobile-menu li a {
		font-size: 16px;
		line-height: 36px;
		font-family: 'radikalbold' !important;
		color: #000 !important;
	}
	ul.mobile-menu li a {
		font-size: 18px;
		line-height: 38px;
		font-family: 'radikalbold' !important;
	}
	ul.mobile-sub-menu li a {
		font-size: 16px;
		line-height: 36px;
		font-family: 'radikalbold' !important;
		color: #000 !important;
	}
	
	/* ------------------------------end mobile menu---------------------------- */
	
	.benefitcontainer {
		margin-bottom: 0px !important;
	}
	
	img.swlogo {
		height: 40px !important;
	}
	
	button.ansprpbutton {
  		width: 100% !important;
  		height: 30px;
  		z-index: 2500;
  		background-color: #ff00a0; 
  		color: #fff; 
  		padding: 0; 
  		text-align: center; 
  		margin: 0px; 
  		padding-top: 2px;
  		border: none;
	}

button.ansprpbutton.expanded {
  bottom: 30px !important;
}

.ansprechpartnermobil {
  position: fixed;
  left: 0;
  bottom: -300px;
  width: 100% !important;
  height: 330px;
  background-color: #e9eef1;
  color: #000;
  text-align: center;
  font-family: 'radikalbold' !important;
  font-size: 14px;
  line-height: 22px;
  z-index: 3000;
  transition: all .5s ease;
  cursor: pointer;
  text-align: left;
}

.ansprechpartnermobil.expanded {
  bottom: -20px !important;
}
	.ansprechpartnermobil img {
		position: absolute;
		right: 20px;
		top: 50px;
		border: 3px solid white;
		width: 130px;
		border-radius: 50% !important;
	}
	.ansprechpartnermobil a {
		color: #000;
	}
.mob100 {
	width: 100% !important;
}	
		/*	-----------------tesa---------------------------------------*/
.tesa_rechts_gelb img, .tesa_rechts_gelb_schraeg img, .tesa_mitte_gelb img {
	width: 25px;
	height: auto;
}

.card .tesa_mitte_gelb img {
	width: 42px !important;
	height: auto !important;
}
.card__face--back > .tesa_mitte_gelb img {
	display: none;
}

.tesa_rechts_gelb, .tesa_mitte_gelb {
	top: -10px !important;
	//z-index: 10000;
}
.schraegcont .tesa_rechts_gelb_schraeg {
	top: 20px;
}
.tesa_unten_links_blau {
	bottom: -30px;
	left: 20px;
}
.tesa_unten_links_blau img {
	width: 33px;
	height: auto;
}
.tesa_gelb {
	position: absolute;
	bottom: -25px;
	right: 60px;
	z-index: 2100;
}
.tesa_mitte_gelb {
	position: absolute;
	top: -25px;
	right: 80px;
	z-index: 2100;
}
.tesa_links_gelb {
	position: absolute;
	bottom: -25px;
	left: 60px;
	z-index: 2100;
}

.tesa_rechts_gelb_start {
	position: absolute;
	top: -35px;
	right: 30px;
	z-index: 2100;
}
.tesa_rechts_oben_gelb {
	position: absolute;
	top: -35px;
	right: 60px;
	z-index: 2100;
}
.tesa_links_oben_gelb {
	position: absolute;
	z-index: 2100;
	top: -20px;
	left: 35px;
}
.tesa_rechts_gelb img, .tesa_rechts_gelb_schraeg img {
	transform: rotate(20deg);

}
.tesa_links_gelb img, .tesa_links_oben_gelb img, .tesa_rechts_gelb_start img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}
.tesa_blau {
	position: absolute;
	z-index: 2100;
	top: -25px;
	left: 40px;
}
.statementcont .tesa_blau, .statementcont .tesa_rechts_blau {
	margin-top: 170px !important;
}
.tesa_unten_blau {
	position: absolute;
	z-index: 2100;
	bottom: -40px;
	left: 40px;
}

.tesa_unten_links_blau_start {
	position: absolute;
	z-index: 2100;
	bottom: -40px;
	left: 60px;
}
.tesa_rechts_blau {
	position: absolute;
	z-index: 2100;
	top: -25px;
	right: 40px;
}

.tesa_rechts_blau img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}
.tesa_unten_rechts_blau {
	position: absolute;
	z-index: 2100;
	bottom: -14px;
	right: 40px;
}

.tesa_unten_links_blau img, .tesa_unten_links_blau_start img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	-ms-filter: "FlipH";
	filter: FlipH;
}


/*	-----------------ende tesa----------------------------------*/
	
	.header-rechts {
		top: -30px !important;
	}
	button.toggleicon {
		
	}
	.footer_oben img.kringel {

		width: 100% !important;
		height: auto;
	}
	
	.abstandoben {
		margin-top: 40px !important;
	}
	.abstandunten {
		margin-bottom: 70px !important;
	}
	.abstandunten20 {
		margin-bottom: 20px !important;
	}
	.abstandunten40 {
		margin-bottom: 40px !important;
	}
	.abstandunten0 {
		margin-bottom: -20px !important;
	}
	
	.aktuellescontainer {
		padding: 25px !important;
	}
	.padding0 {
		padding: 0px !important;
	}
	.padding5 {
		padding: 5px !important;
	}
	.padding10 {
		padding: 10px !important;
	}
	.padding15 {
		padding: 15px !important;
	}
	.padding20 {
		padding: 20px !important;
	}
	.padding25 {
		padding: 25px !important;
	}
	.paddinlr20 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.dstext {
		margin-bottom: 10px !important;
	}
	.dsmob {
		min-height: 200px !important;
		height: auto !important;
		padding: 30px 20px !important;
	}

	.missionbutton .button-weiss {
		width: auto !important;
	}
	.kringelcontainer {
		background-image: url('images/kringel.svg'); 
		background-repeat: repeat-x; 
		background-size: 50%; 
		background-position: 0 280px;
	}
  	.ansprechpartner {
		top: 100px;
	}
	.header-links {
	
	}
	.header-rechts {
		margin-top: 0px !important;
	}
	.headerbild {
		width: 100% !important;
		margin-left: 0 !important;
		padding-top: 10px;
	}
	.headermodul {
		margin-top: 0px !important;
	}
	.button-weiss {
		width: auto !important;
		height: 34px !important;
		padding: 3px 15px;
	}
	.mob100 {
	width: 100% !important;
}
	.bullaugencontainer {
		min-height: 500px !important;
		padding: 20px !important;
	}
	.img-container {
	//width: 430px;
	max-width: 430px;
	position: relative;
}
	.bullaugencontainer, .img-container {
		min-height: 500px !important;
		padding: 20px !important;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.stellencontainer {
		padding: 15px !important;
	}
	.kulturcontainer {
		padding: 0px !important;
	}
	.kasten_weiss100 {
		height: auto !important;
	}
	.pressekasten {
		margin-top: -45px !important;
	}
	.inner-shadow {
  box-shadow: none !important;
}
	.img-container::after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	box-shadow: none !important;
	z-index: 1;
}
	.socbut {
		display: inline-block;
		border-radius: 20px;
		border: 1px solid #537791;
		width: 110px !important;
		height: 110px !important;
		margin: 8px;
		text-transform: uppercase;
		padding: 5px;
		padding-top: 4vw;
		font-size: 16px !important;
	}
	.socbut a {
		font-size: 16px !important;
	}
	.socbut a .fa, .socbut a .fab, .socbut a .fas {
		color: #e7379d;
		font-size: 9vw !important;
		padding-top: 2vw;
	}
	.socbut img {
		width: 40px;
		height: auto;
	}
	.socbut span.buttontext {
		display: block;
		margin-top: 0px !important;
	}
	.kringellinks { 
		background-size: 100% !important; 
	}
	.ausfahrmodul {
		margin-bottom: 0px;
	}
	.faqbildcontainer {
		//border: 1px solid red !important;
	}
	img.faqbild {
		max-width: 300px !important;
		height: auto !important;
	}
	.accordion {
		--bs-accordion-border-color: transparent !important;
	}
	.accordion-flush {
		margin-top: 15px !important;
	}
	.accordion-button {
		padding: 20px 0px 15px 0px !important;
		border-bottom: none !important;
	}
	button.accordion-button:not(.collapsed) {
	//
		border-bottom: none !important;
	}
	.accordion-button {
	}
	.accordion-collapse:not(.collapsed) {
		border-bottom: none !important;
	}
	/*
	.header-actions {
        background: transparent;
        border: none;
        z-index: 2;
        border: 1px solid pink;
    }
    */
	.accordion-body {
		padding: 20px 0;
		height: auto !important;
	}
	.bullaugencontainer img {
		width: 430px !important;
		height: 430px !important;
		margin-left: -45px !important;
	}
	.bullaugencontainer .button-weiss {
		right: 10% !important;
		width: 80% !important;
		bottom: 40px !important;
	}
	.kulturcontainer .kulturbild {
		width: 90% !important;
		height: 90% !important;
		//margin-left: -45px !important;
	}
	
	.sprechblase_statement, .sprechblase_statem_rechts {
		width: 100% !important;
		background-image: none !important;
		position: relative !important;
		left: 0;
	}
	

	.sprechblase_statement img, .sprechblase_statem_rechts img {
		position: absolute;
		height: 135px !important;
		width: 135px !important;
		border-radius: 50%;
		right: 15px;
		top: -60px;
	}

	.statementbild {
		position: absolute; 
		top: -100px;
		right: -20px;
		height: 135px !important;
		width: 135px !important;
		border-radius: 50%;
	}
	.sprechblase_inhalt {
	width: 100%;
	left: 0px;
	top: -20px;
	padding: 15px;
	margin-left: 0px;
}
	.statementcont .tesa_blau {
		width: 30px; 
		left: -42px;
		top: -100px;
	}
	
		.statementcont .tesa_rechts_blau {
		width: 30px; 
		right: -42px;
		top: -10px;
	}
.sprechblase_inhalt_rechts {
	position: relative;
	z-index: 2000;
	width: 100%;
	height: auto;
	left: 0px !important;
	top: -20px;
	padding: 35px;
	padding-bottom: 10px;
	padding-right: 45px;
}
.hoeheauto  {
	height: auto !important;
}
	
	.statementtesagelb .tesa_gelb, .statementtesagelb .tesa_links_gelb, .bullaugenbildcontainer img, .kustibild img {
		display: none;
	}
	.statementtesagelb {
		text-align: right !important;
	}
	.statementtesagelb img {
		margin-top: -80px;
	}
	.kasten_weiss {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		text-align: left;
	}
	.teaser_0 {
		position: relative !important;
		width: 100% !important;
		top: -150px !important;
		text-align: left !important;
	}
	.teaser_1 {
		position: relative !important;
		top: -130px !important;
		width: 100% !important;
		text-align: left;
	}
	.teaser_2 {
		position: relative !important;
		top: -110px !important;
		width: 100% !important;
	}
	.teaser_3 {
		position: relative !important;
		width: 100% !important;
		top: -90px !important;
	}
	.teaser_4 {
		position: relative !important;
		width: 100% !important;
		top: -70px !important;
	}
	.teaser_5 {
		position: relative !important;
		width: 100% !important;
		top: -50px !important;
	}
	.problemfrage {
		margin-bottom: 0px;
	}
	.problem {
		padding-right: 25px !important;
	}
	.problemkarte, .problemkarte2 {
		margin-bottom: 30px !important;
		min-height: 500px !important;
		height: auto !important;
	}
	.gelb {
		min-height: 65vh !important;
	}
	.crew-front {
		min-height: 70vh !important;
	}
	.leitsatzkarte {
		min-height: 200px !important;
		text-align: center !important;
	}
	.headlineleitsatzkarte {
		//margin-top: 6% !important;
	}
	.lskback {
		padding-top: 0px !important;
	}
	.ttalk {
		right: 0px !important;
		width: 100px !important;
	}
	.ttbildlinks {
		left: -90px !important;
	}
	.ttbildrechts {
		right: -90px !important;
	}
	.kulturbild {
		width: 110% !important;
	}
	.textmitbutton img {
		margin-top: -20px;
		padding: 0px 0px 0px 0px !important;
		height: 35vh !important;
		width: 100% !important;
	}
	.methodenbild {
		margin-top: 0 !important;
	}
	
	.impression h5 {
		//font-size: 16px !important;
		bottom: 20px !important;
	}
	img.schraeg {
		position relative !important;
		top: 30px !important; 
	}
	.ttbildlinks, .ttbildrechts {
	/*
		width: 150px !important; 
		height: auto;
		*/
		display: none;
	}
	.quotelinks {
		width: 40px !important;
		right: 12px !important;
	}
	.quote {
		width: 40px !important;
	}
	.jobvorteile {
		min-height: 370px;
	}
	.benefitcontainer {
		padding: 0;
	}
	.benefit {
		padding: 20px !important;
	}
	.benefith3 {
		padding-bottom: 20px !important;
	}
	.jolinie {
		padding: 20px !important;
	}
	.sprechblase_bild_links {
	width: 100% !important;
	height: auto;
		padding: 30px !important;
	}
	.sprechblase_bild_links button {
		text-align: center;
		width: 70% !important;
	}
	.impression h5 {
		font-size: 12px !important;
	}
	.ueberschriftcontainer {
		margin-bottom: 0 !important;
	}
	.footertext {
		padding-top: 0px !important;
		margin-top: -10px !important;
		margin-bottom: 10px;
	}
	.footerinhalt {
		text-align: left !important;
	}
	.loesungencontainertop {
		margin-top: 30px !important;
	}
	.loesungencontainerbottom {
		margin-bottom: 30px !important;
	}
	.jobbutton {
		padding: 3px 12px 8px 12px !important;
	}
	.card__face--back {
		padding-top: 10px !important;
	}
	.bullaugenheadline, .faqheadline, .margin-bottom-20 {
		margin-bottom: -20px !important;
	}
	.impressionencontainer {
		//border: 1px solid red;
	}
	.impression {
		left: 10px; 
		bottom: 25px; 
		right: 10px; 
		font-weight: bold;
	}
	.impcontainer {
		padding: 10px !important;
		margin-bottom: 0px !important;
	}
	.talkcontainer {
		border: none !important;
		padding-bottom: 0 !important;
		padding-top: 0px !important;
	}
	
	.talkcontainer p {
		margin-top: -0px !important;
	}
	.talkrow {
		padding-bottom: 0px !important;
	}
	.talkrow2 {
		margin-top: 0px !important;
	}
	.card__face--back span.groesser2 {
		font-size: 16px;
	}
	.footer_unten {
		margin-bottom: 30px !important;
		height: 90px !important;
	}
	
}

/*--------------------------------------------------------------------------end mobile--------------------------------------------*/

@media all and (min-width: 769px) and (orientation:portrait) { /* iPad portrait mode */
	.height100 {
		height: auto !important;
	}
	.fillweiss {
		height: 100% !important;
		min-height: 100% !important;
	}
	.bullaugencontainer {
		min-height: 500px !important;
		padding: 20px !important;
	}
	.img-container {
		max-width: 100% !important;
		width: 100% !important;
		position: relative;
	}
	.bullaugencontainer, .img-container {
		min-height: 500px !important;
		padding: 20px !important;
		margin-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.kasten_weiss100 {
		height: auto !important;
	}
	.kasten_weiss {
		position: relative !important;
		width: 100% !important;
		left: 0 !important;
		text-align: left;
	}
	.teaser_0 {
		position: relative !important;
		width: 100% !important;
		top: -150px !important;
		text-align: left !important;
	}
	.teaser_1 {
		position: relative !important;
		top: -130px !important;
		width: 100% !important;
		text-align: left;
	}
	.teaser_2 {
		position: relative !important;
		top: -110px !important;
		width: 100% !important;
	}
	.teaser_3 {
		position: relative !important;
		width: 100% !important;
		top: -90px !important;
	}
	.teaser_4 {
		position: relative !important;
		width: 100% !important;
		top: -70px !important;
	}
	.teaser_5 {
		position: relative !important;
		width: 100% !important;
		top: -50px !important;
	}
	.kulturcontainer {
		text-align: center !important;
		position: relative;
	}
	.kulturcontainer .kulturbild {
		width: 60% !important;
		height: 60% !important;
		margin-left: 20% !important;
	}
	.bulli2 button.button-weiss {
		bottom: 20px !important;
		width: 170px !important;
		left: 50%;
    	transform: translate(-50%, 0);
	}
	.kulturcontainer {
		
	}
	.kulturcontainer button.button-weiss {
		position: absolute !important;
		bottom: -20px !important;
		width: 294px !important;
		height: 50px !important;
		left: 50%;
    	transform: translate(-50%, 0);
	}
	.abst100 {
		margin-bottom: 50px !important;
	}
	.ttbildlinks, .ttbildrechts {
		width: 150px !important;
		height: auto !important;
	}
	.ttbildlinks {
		left: -135px !important;
	}
	.ttbildrechts {
		right: -135px !important;
	}
	
		.sprechblase_statement, .sprechblase_statem_rechts {
		width: 100% !important;
		background-image: none !important;
		position: relative !important;
		left: 0;
	}
	

	.sprechblase_statement img, .sprechblase_statem_rechts img {
		position: absolute;
		height: 135px !important;
		width: 135px !important;
		border-radius: 50%;
		right: 15px;
		top: -60px;
	}

	.statementbild {
		position: absolute; 
		top: -100px;
		right: -20px;
		height: 135px !important;
		width: 135px !important;
		border-radius: 50%;
	}
	.sprechblase_inhalt {
	width: 100%;
	left: 0px;
	top: -20px;
	padding: 15px;
	margin-left: 0px;
}
	.statementcont .tesa_blau {
		width: 30px; 
		left: -42px;
		top: -100px;
	}
	
		.statementcont .tesa_rechts_blau {
		width: 30px; 
		right: -42px;
		top: -10px;
	}
.sprechblase_inhalt_rechts {
	position: relative;
	z-index: 2000;
	width: 100%;
	height: auto;
	left: 0px !important;
	top: -20px;
	padding: 35px;
	padding-bottom: 10px;
	padding-right: 45px;
}
.hoeheauto  {
	height: auto !important;
}
	
	.statementtesagelb .tesa_gelb, .statementtesagelb .tesa_links_gelb, .bullaugenbildcontainer img, .kustibild img {
		display: none;
	}
	.statementtesagelb {
		text-align: right !important;
	}
	.statementtesagelb img {
		margin-top: -80px;
	}
	.statementcont .tesa_blau, .statementcont .tesa_rechts_blau {
	margin-top: 170px !important;
	}
	.headerbild {
		padding-bottom: 50px !important;
	}
	.mobheaderbildcontainer .tesa_unten_links_blau, .mobheaderbildcontainer .tesa_unten_links_blau_start {
		bottom: 10px !important;
	}
	
	.card__face--back span.groesser2 {
		font-size: 16px;
	}
	
}


@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {


}
	
@media only screen and (max-width: 1525px) and (min-width: 1140px)  {
	.kulturcontainer {
		margin-bottom: 200px;
	}
}