/* mm */



.archive.author .author-bio {
  background: #f3f3f3;
  background: #fff;
}

.author-bio {
  padding: 50px;
  border-bottom: none;
}

@media (max-width: 616px) {
	.author-bio {
  		padding: 15px;
  		padding-top: 40px;
	}
	
}

.author-bio {
  margin-bottom: 40px;
  text-align: left;
  display: flex;
  border-bottom: 1px solid var(--color-border-grey);
  padding-bottom: 40px;
}
#sib_signup_form_2 .frc-captcha{
    margin-block:2rem;
}
@media (max-width: 616px) {
	.author-bio {
		display: block;
		float:left;
	}
	
}
h2.entry-title{
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
.author.archive .author-bio .author-image-wrapper {
  margin-right: 40px;
}
@media (max-width: 616px) {
.author.archive .author-bio .author-image-wrapper {
  margin-right: unset;
}
}
.author-bio .author-info {
  flex-grow: 1;
}
.author-bio {
  text-align: left;
}

.author.archive .author-bio .author-image-wrapper .author-image {
  text-align: center;
  width: 150px;
  height: 150px;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 0px;
}

.author-bio .author-image {
  margin-bottom: 20px !important;
}

.author-bio .author-image {
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 90px;
  height: 90px;
  width: 300px;
  height: 300px;
  margin-right: 70px;
  position: relative;
}

.author.archive .author-bio .author-image-wrapper .author-image img {
  width: 100%;
  height: auto;
}

.author-bio .author-image img {
  border-radius: 50%;
  border-radius: 20px;
}

.author-bio .author-image img {
  margin: 0;
  vertical-align: middle;
}

.author.archive .author-bio .author-image-wrapper .author-image {
  text-align: center;
}

.author.archive .author-bio .author-image-wrapper .contact-info {
  text-align: left;
  width: 300px;
}

.author-bio .author-description {
	margin-bottom:30px;	
}


.author-info  h1.author-name {
  font-family: "Rubik", sans-serif;
  font-size: 45px;
  line-height: 52px;
  font-weight: 300;
  margin-bottom: 20px;
}





.author-info  h2.author-position {
color: #CF0C29;
  font-family: "Rubik", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 20px;
}
.author-info  {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 30px;
}

.author-bio .author-links a {
	color: #404040;
	margin-right: 10px;
	display:inline-block;
}
.fab {
  font-family: 'Font Awesome 5 Brands';
}


.author-bio .author-links .fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
   font-family: 'Font Awesome 5 Brands';
    font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:10px;
}

.author-bio .author-links .fa-linkedin::before {
  content: "\f0e1";
}

.author-bio .author-links .fa-xing::before {
  content: "\f168";
}




/*autoren auf der beitragsseite */

section#author-bio.author-row-post .author-bio {
  padding: 0px;
  border-bottom: none;
}

section#author-bio.author-row-post {
	margin-bottom:30px;
	margin-top:-100px
}

section#author-bio .author-bio {
  margin-bottom: 40px;
  text-align: left;
  display: flex;
  border-bottom: 1px solid var(--color-border-grey);
  padding-bottom: 40px;
}

@media (max-width: 616px) {
	section#author-bio .author-bio {
		display: block;
		float:left;
	}
	
}

section#author-bio .author.archive .author-bio .author-image-wrapper {
  margin-right: 40px;
}

section#author-bio .author-bio .author-info {
  flex-grow: 1;
}
.author-bio {
  text-align: left;
}

section#author-bio .author.archive .author-bio .author-image-wrapper .author-image {
  text-align: center;
  width: 150px;
  height: 150px;
  width: 300px;
  height: 300px;
  margin: 0 auto;
  margin-bottom: 0px;
}

section#author-bio.author-bio .author-image {
  margin-bottom: 20px !important;
}

section#author-bio .author-bio .author-image {
  flex-grow: 0;
  flex-shrink: 0;
  overflow: hidden;
  width: 90px;
  height: 90px;
  width: 150px;
  height: 150px;
  margin-right: 40px;
  position: relative;
  margin-bottom: 20px !important;
}

section#author-bio .author.archive .author-bio .author-image-wrapper .author-image img {
  width: 100%;
  height: auto;
}

section#author-bio .author-bio .author-image img {
  border-radius: 50%;
  border-radius: 10px;
  margin: 0;
  vertical-align: middle;
}

section#author-bio .author.archive .author-bio .author-image-wrapper .author-image {
  text-align: center;
}

section#author-bio .author.archive .author-bio .author-image-wrapper .contact-info {
  text-align: left;
  width: 300px;
}

section#author-bio .author-bio .author-description {
	margin-bottom:30px;	
}

/*
section#author-bio .author-info  h2.author-name {
  font-family: "Rubik", sans-serif;
  font-size: 45px;
  line-height: 52px;
  font-weight: 300;
  margin-bottom: 20px;
}
*/
section#author-bio .author-info  h2.author-name , section#hero  h2.author-name{
  color: #CF0C29;
  font-family: "Rubik", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 20px;
}
section#author-bio .author-info  h5.author-position {
 color: #CF0C29;
  font-family: "Rubik", sans-serif;
  font-size: 30px;
  line-height: 32px;
  font-weight: 300;
  margin-bottom: 20px;
}
section#author-bio .author-info  {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 30px;
}

section#features .wrap-box {
    z-index: 9;
}

section#blog-features-2 .wrap-box  {
	 z-index: 9;
}


section#features .dva-home .wrap-box {
	 z-index: 9;
}

/* bild header */
section#hero .hero-container {
    padding-left: unset;
    padding-right: unset;
    max-width: 1178px;
}

@media (max-width: 1200px) {
	section#hero .hero-container {
    	padding-left:5vw;
    	padding-right: 5vw;
	}
}

/* weisser kasten header */

@media (min-width: 991.98px) {
	section#hero .hero-container .hero-right {
		width:545px;
		height:305px;
	
	}
}



section#onboarding {
    margin-bottom: 90px;
    float:left;
    width:100%;
}

.page-template-career-3 section#about, .page-template-career-3 section#about-2 {
    margin-bottom: 35px;
   float:left;
    width:100%;
}

.page-template-career-3 section#noch-tun {
    margin-bottom: 35px;
   float:left;
    width:100%;
}
.page-template-career-3 section#ausbildung {
    margin-bottom: 35px;
   float:left;
    width:100%;
}

section#faq-accordion  {
	 xmargin-bottom: 70px;
}

.page-template-career-3 section#weiter, .page-template-career-3 section#weiter-2 {
    margin-bottom: 35px;
   float:left;
    width:100%;
}

.page-template-career-3 section#offene {
    margin-bottom: 75px;
    float:left;
    width:100%;
}

@media (max-width: 575px) {
	.page-template-career-3 section#offene, .page-template-career-bewerbungsprogramm section#offene {
	    margin-bottom: 75px;
	    float: left;
	    width: 100%;
	    padding-right: 15px;
		padding-left: 15px;
	}
}


.jobs-inner {
	max-width:1178px;
	margin-left:auto;
	margin-right:auto;
	background: #EDEBEC;
    border-radius: 12px;
    padding: 30px 0 83px 0;

}

.jobs-inner .container.aktuelle h2 {
	padding-left:15px;
}
/*
@media (min-width: 650px) {
.jobs-inner .container.aktuelle ,.jobs-inner .container.aktuelle .col-12 {
	padding-left:0px;
}
}
*/



#hero .xc-header-video {
    max-width: 300px;
    max-height: 300px;
}
section#hero .hero-video {
    
    text-align: left;
    padding-right: 0;
    padding-left: 0;
}

@media (max-width: 616px) {
	section#hero .hero-video {
	   text-align: center;
	}
}

.bigfeat .xc-header-video {
    max-width: 300px;
    max-height: 300px;
}

@media (max-width: 616px) {
	
	section#hero .hero-container {
    	padding-left: 15px;
    	padding-right: 15px;
    	xmargin-left: 15px;
    	xmargin-right:0px;
    	width: calc(100% - 30px);
    	
	}
	
	section#hero .hero-container .row {

    	xmargin-left: unset;
    	xmargin-right:unset;

	}
	
	section#hero .hero-image {
    	float: initial;
    	text-align: left;
    	padding-right: 0;
    	width: 100%;
	}

	/*
	section#hero .hero-container {
    	padding-left: 3vw;
		padding-right: 3vw;
	}
	*/
	
	
}

/* listen innerhalb der seiten */

ul.liste-im-content {
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	xlist-style: none;
    list-style-type: none;
    list-style-type: square;
    margin-left: -25px;
    margin-left: 0;
    padding: 0 0 0 12px;
    
    margin-left: 5px;
}

ul.liste-im-content > li {
    xtext-indent: -13px;;
}

ul.liste-im-content > li::before {
    xcontent: "> ";
    xtext-indent: 20px;
}


/* listen innerhalb der seiten */

ul.liste-im-faq {
	font-family: "Open Sans", sans-serif;
	color: #000000;
	color: #404040;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	xlist-style: none;
    list-style-type: square;
    xmargin-left: -25px;
    margin-left: 20px;
    padding: 0 0 0 12px;
}

ul.liste-im-faq > li {
    xtext-indent: -13px;
    xpadding-top: 6px;
    xpadding-bottom: 6px;
}

ul.liste-im-faq > li::before {
    xcontent: "> ";
    xtext-indent: 20px;
}


section#livedemo {
    margin-bottom: 50px;
}


section#livedemo.aktiv {
    margin-bottom: 90px;
}


/* lnkliste werte */
/*
ul.werte-linkliste {
    text-align: left;
    font: normal normal bold 20px/30px "Rubik", sans-serif;
    letter-spacing: 0px;
    color: #CF0C29;
    text-transform: uppercase;
    opacity: 1;
}
ul.werte-linkliste > li {
    text-indent: -13px;
    xpadding-top: 6px;
    xpadding-bottom: 6px;
}

ul.werte-linkliste > li::before {

    content: "> ";
    text-indent: 20px;

}
*/
/*
.werte-page ul li {
    text-align: left;
    font: normal normal bold 20px/30px "Rubik", sans-serif;
    letter-spacing: 0px;
    color: #CF0C29;
    text-transform: uppercase;
    opacity: 1;
}
*/

.werte-page .main-list {
    margin-left: 20px;
    margin-bottom: 90px;
    margin-top:30px;
}

.werte-page ul > li {
    xtext-indent: -20px;
    xpadding-top: 6px;
    xpadding-bottom: 6px;
}

.werte-page ul > li::before {
    content: "> ";
    xtext-indent: 20px;
	width: 1em;
    margin-left: -1em;
}
/*
.werte-page ul li::before {
    content: "";
    color: #CF0C29;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1em;
}
*/
/* typo */


section#livedemo h3 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
}

section#livedemo h3 {
    color: #CF0C29;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
section#livedemo h3 a {
    color: #CF0C29;
}


section#hero h1 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
    margin: 0 0;
	color: #000;
}


@media (max-width: 991px) {
	section#hero  h1 {
	    font-size: 35px;
	    line-height: 40px;
	}
}


section#about h2 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
    margin-bottom: 35px;
}

.acareer-page section#about h2 {
  margin-bottom: 15px;
}

@media (max-width: 991px) {
	section#about h2 {
	    font-size: 35px;
	    line-height: 40px;
	}
}

section#livedemo .on-image a:after {
    content: '';
    width: 61px;
    position: absolute;
    height: 26px;
    background: url(../images/icon-right.svg);
    background-repeat: repeat;
    background-size: auto;
    background-size: 25px;
    xmargin-top: -25px;
    background-repeat: no-repeat;
    right: 0;
}


#digitales-page h3 {
	opacity: 1;
	xfont: Lighter 45px/50px Rubik;
	line-height: 36px;
}

.ansprechpartner h3 {
    text-align: left;
    font: Lighter 45px/50px Rubik;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    
}


a:hover {
  color: #CF0C29;
}


.page-template-career-3 section.quote-image h2 {
    font-size: 45px;
    line-height: 52px;
}

/*

.morebutton a:hover, .readmore {
    color: #CF0C29;
    font-family: "Rubik", sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    text-transform: uppercase;
}
*/

.content-news .readmore::before {
    content: '>';
    width: 30px;
    position: relative;
    height: 30px;
    background: initial;
    background-repeat: initial;
    background-size: initial;
    background-size: 18px;
    margin-top: 0px;
    background-repeat: no-repeat;
    right: 0;
    float: left;

}

.content-news .readmore::after {
    background: none;
}


.flip-card-back h2 a {
	color:#fff;	
}


section#faq-accordion h2 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
    margin-bottom: 35px;
}


section#faq-accordion p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}


section#faq-accordion #accor {

	margin-top:50px;
}


.zitat-text {
	font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    color: #CF0C29;
}

@media (max-width: 616px) {
	.zitat-text {
		 font-size: 16px;
    	line-height: 24px;
	}
}
.zitat-autor {
	margin-top:20px;
	text-align:right;
	font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

section.quote-image-first {
    margin-bottom: 50px;
}


#career-3 .benefits .wrap-ben .flip p {
    text-align: left;
    font: normal normal normal 16px/26px "Open Sans", sans-serif;
    letter-spacing: 0px;
    color: #fff;
}

.accordion .card:first-of-type {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


.accordion.job-zitate .card:last-of-type {
    border-bottom: none;
}


.accordion .card {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.accordion .card:last-of-type {
    border-bottom: 1px solid #707070;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}


#accor h3 {
    text-align: left;
    font: Bold 20px/35px Rubik;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 0;
    xmargin-top: -5px;
}


@media (max-width: 616px) {
	#accor h3 {
		font: Bold 17px/22px Rubik;
		
	}
}



#accor .card-body {
    padding: 0px 50px 0px 50px;
    xmargin-top: -15px;
    margin-bottom: 13px;
}


#accor p {
    text-align: left;
    font: Lighter 20px/30px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


@media (max-width: 616px) {
	#accor p {
		font: Lighter 16px/22px Open Sans;
		
	}
}



.card h3 {
    xposition: relative;
}




.accordion .card-header {
    padding: 0px 40px 0px 40px;
    margin-bottom: 10px;
    background-color: transparent;
    border-bottom: 0px solid rgba(0, 0, 0, .125);
}


.accordion .card-header button {
    height: auto;
    line-height: 0;
}


.category-slide {
	font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
	color: #CF0C29;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    text-decoration: none;
    white-space: normal;
}

.btn-link, .btn-link:hover {
    text-align: left;
    font: Bold 20px/55px Rubik;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    background-color: transparent;
}

.btn-link, .btn-link:hover {
    text-align: left;
    font: Bold 20px/55px Rubik;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    background-color: transparent;
}

.werte-page ul > li a {
    text-align: left;
    font: Bold 20px/30px Rubik;
    letter-spacing: 0px;
    color: #CF0C29;
    text-transform: uppercase;
    opacity: 1;
    cursor: pointer;
}


section.section-referenzen p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}


section.section-referenzen h2 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
}
.section-referenzen h2 {
	margin-bottom: 30px;
}


section#section-referenzen{
    margin-bottom: 50px;
}


.page-template-about section#section-referenzen{
    margin-bottom: 150px;
}

.mb-20 {
	margin-bottom:20px;	
}

.mb-40 {
	margin-bottom:40px;	
}

.mb-50 {
	margin-bottom:50px;	
}

.mb-60 {
	margin-bottom:60px;	
}
.mb-70 {
	margin-bottom:70px;	
}
.mb-80 {
	margin-bottom:80px;	
}
.mb-90 {
	margin-bottom:90px;	
}

.mb-100 {
	margin-bottom:100px;	
}

.mb-110 {
	margin-bottom:110px;	
}

.mb-150 {
	margin-bottom:150px;	
}

.mtop-quer-header {
	margin-bottom:70px;	
}

@media (max-width: 616px) {
	.mtop-quer-header {
		margin-bottom:0px;	
	}
}

.mt-50 {
	margin-top:50px;	
}

@media (max-width: 616px) {
	.mb-s-10 {
		margin-bottom:10px;	
	}
	.mb-s-20 {
		margin-bottom:20px;	
	}
	.mb-s-30 {
		margin-bottom:30px;	
	}
	.mb-s-50 {
		margin-bottom:50px;	
	}
	.mb-s-60 {
	margin-bottom:60px;	
	}
	.mb-s-70 {
		margin-bottom:70px;	
	}
	.mb-s-80 {
		margin-bottom:80px;	
	}
	.mb-s-90 {
		margin-bottom:90px;	
	}
	
	.mb-s-100 {
		margin-bottom:100px;	
	}
	
	.mb-s-110 {
		margin-bottom:110px;	
	}
	
	.mt-s-20 {
		margin-top:20px;	
	}
}

/* bilder runde ecken */


.anfahrt .image img {
    border-radius: 18px;
}

.bigfeat .image img {
    border-radius: 18px;
}

.bigfeatures .image img {
    border-radius: 18px;
}


section#hero .hero-image img  {
	 border-radius: 18px;
}

.swiper-container img  {
	 border-radius: 18px;
}

.ansprechpartner img {
	 border-radius: 18px;
}

.section-werte img {
	 border-radius: 18px;
}


/* zitat */

section.section-zitat {
	margin-bottom: 90px;
	margin-top: 20px;
}

@media (max-width: 616px) {
	section.section-zitat {
		margin-bottom: 50px;
		margin-top: -20px;
	}
}

.zitat-row {
	width:70%;
	margin-left:15%;	
}


.zitat-text p {
	text-align:left;
	font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 30px;
    font-weight: 300;
    color: #CF0C29;
}

.zitat-autor p {
	text-align:right;
	font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 30px;
    font-weight: 300;
    color: #000;
}

.aktuelle .list h4 a, .aktuelle h4 a, .aktuelle h4 {
	font-size: 16px;
	line-height: 26px;
    line-height: 30px;
    margin-bottom: 0;
    width:calc(100% - 30px);
}


#carrer-two .aktuelle .list h3, #career-3 .aktuelle .list h3 {
    color: black;
}


.acareer-page section.quote-image h2 {
    font-size: 45px;
	line-height: 52px;
    margin-top: 15px;
    margin-top: 25px;
    margin-bottom: 15px;
    
    margin-top: 5px;
}

/* benefits kästchen */

#career-3 #benefits .wrap-ben .flip {
    xoverflow-y: scroll;
}

/* mosover icons */

.ess_icon_anim {
	/*cursor:pointer;*/
}

.ess_icon_subtext {
	display:none;	
	text-align:center;
}

section#livedemo .ess_icon_subtext h4 {
	margin-bottom:10px;
}

.container.onboarding h4, #onboarding h4 {
		margin-top:5px !important;
}

.d-mob {
	display:none;	
}

@media (max-width: 778px) {
	.d-mob {
		display:block;	
	}
}

.ess_icon_soft {
	opacity:0.3;	
}

.page-template-digitales .icons-slide, .acareer-page .icons-slide {
    width: -webkit-fill-available;
    margin-top: 70px;
    justify-content:center;
    justify-content:space-evenly;
    display:flex;
    width: 100%;
}

.page-template-digitales .icons-slide .col, .acareer-page .icons-slide .col {
    flex-basis: unset;
    flex-grow: unset;
    max-width: 100%;
}

.page-template-digitales .icons-slide .icon-box, .acareer-page .icons-slide .icon-box {
	width:25%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-6, .acareer-page .icons-slide .icon-box.icon-bl-6 {
	width:15%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-5 , .acareer-page .icons-slide .icon-box.icon-bl-5{
	width:20%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-4 , .acareer-page .icons-slide .icon-box.icon-bl-4{
	width:25%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-3 , .acareer-page .icons-slide .icon-box.icon-bl-3{
	width:33.3333%;	
	width:25%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-2 , .acareer-page .icons-slide .icon-box.icon-bl-2{
	width:40%;	
}

.page-template-digitales .icons-slide .icon-box.icon-bl-l-2, .acareer-page .icons-slide .icon-box.icon-bl-l-2 {
	width:10%;	
}
.page-template-digitales .icons-slide .icon-box.icon-bl-l-3, .acareer-page .icons-slide .icon-box.icon-bl-l-3 {
	width:12.5%;	
}



.page-template-digitales .icons-slide, .acareer-page .icons-slide {
    width: -webkit-fill-available;
    margin-top: 70px;
    justify-content:center;
    justify-content:space-evenly;
    display:flex;
    width: 100%;
}


.icons-slide .icon-box-mob {
	margin-left:15px;
	margin-right:15px;
}

.icons-slide .icon-box-mob img {
	width:60%;	
	margin-left:20%;
	margin-bottom:20px;
}

@media (max-width: 616px) {
	.icons-slide .icon-box-mob img {
		width:50%;	
		margin-left:25%;
		margin-bottom:20px;
	}
}

.news-sub .links {
    margin-top: 40px;
}

.news-sub #blog-features-2 .readmore {
    clear: both;
    float: left;
}


section#news .articles .news-pre .article img {
    width: 100%;
    border-radius: 12px;
    max-height: 400px;
    margin-bottom: 30px;
}

section#news .articles .blog-pre .article img {
    width: 100%;
    border-radius: 12px;
    max-height: 249px;
    margin-bottom: 30px;
}


@media (max-width: 616px) {
	section#news .articles .blog-pre .article img {
    	width: 100%;
    	max-height: unset;
	}
}

@media (max-width: 991.98px) {
	section#news .articles .newslink {
    	padding-left: 0;
	}
}

.padd-li-re--15 {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

/*
.news-sub #blog-features-2 .readmore::before {
    content: '>';
    width: 30px;
    position: relative;
    height: 30px;
    background: initial;
    background-repeat: initial;
    background-size: initial;
    background-size: 18px;
    margin-top: 0px;
    background-repeat: no-repeat;
    right: 0;
    float: left;
}
*/
/*
#carrer-two .hero-container #hero-right, #career-3 .hero-container #hero-right {
	    position: absolute;
	    left: 5%;
	    bottom: auto;
	    margin: 0 auto;
	    top: 50%;
	    transform: translateY(-50%);
	    xbackground: #B91229;
	    z-index: 99;
	    padding: 30px 60px 37px 64px;
	    padding-left: 64px;
	    border-radius: 12px;
	    padding-left: 40px;
	    background-color: #B91229;
	    background: transparent url('../images/essendi_verlauf_karriere.jpg') 0% 0% no-repeat padding-box;
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: cover;
	    background-position: top left;
	    background-repeat: no-repeat;
}
*/

/*
#career-3 .morebutton::after, #career-3 .readmore::after {
    content: '>';
    width: 30px;
    position: relative;
    height: 19px;
    background: initial;
        background-repeat: initial;
        background-size: initial;
    background-size: 18px;
    margin-top: 0px;
    background-repeat: no-repeat;
    right: 0;
    float: left;
}
*/

#offene .readmore::after {
    content: '';
    width: 61px;
    position: absolute;
    height: 26px;
    background: url(../images/icon-right.svg);
    background-repeat: repeat;
    background-size: auto;
    background-size: 12px;
    margin-top: 4px;
    background-repeat: no-repeat;
    right: 0;
}
/*
.morebutton::after, .readmore::after {
    content: '';
    width: 61px;
    position: absolute;
    height: 26px;
    background: url(images/icon-right.svg);
        background-repeat: repeat;
        background-size: auto;
    background-size: 18px;
    margin-top: 4px;
    background-repeat: no-repeat;
    right: 0;
}
*/

@media (min-width: 991.98px) {
	#carrer-two .hero-container .hero-right, #career-3 .hero-container #hero-right {

	    background: transparent url('../images/essendi_verlauf_karriere.jpg') 0% 0% no-repeat padding-box;
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: cover;
	    background-position: top left;
	    background-repeat: no-repeat;
	}
}
@media (min-width: 991.98px) {
	#carrer-two .hero-container .hero-right, #career-3 .hero-container  .hero-right {

	    background: transparent url('../images/essendi_verlauf_karriere2.jpg') 0% 0% no-repeat padding-box;
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-size: cover;
	    background-position: top left;
	    background-repeat: no-repeat;
	}
	
	#carrer-two .hero-container .hero-right p, #career-3 .hero-container .hero-right p, #career-3 section#hero h1, #carrer-two section#hero h1 {
    	margin-bottom: 30px;
    	color: #fff;
	}
	
	#carrer-two .hero-container .hero-right .redish, #career-3 .hero-container .hero-right .redish, #career-3 section#hero h1 .redish, #carrer-two section#hero h1 .redish {
    	color: #fff;
	}
}

.aktuelle h2 {
    font-family: "Rubik", sans-serif;
    font-size: 45px;
    line-height: 52px;
    font-weight: 300;
}
.aktuelle h3 {
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 50px;
}

/*
id="hero-right"
*/
#mainmenu {
    display: none;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #CF0C29 url('/wp-content/uploads/2021/05/essendi-it-menu_bg-2.jpg') 0% 0% no-repeat padding-box;
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
    z-index: 9998;
    padding-top: 112px;
    overflow-y:scroll;
}

.page-no-scroll {
    overflow: hidden;
}

body::after{
  xposition:absolute; width:0; height:0; overflow:hidden; z-index:-1;
  xcontent:url(https://www.essendi.de/wp-content/uploads/2021/05/essendi-it-menu_bg-2.jpg);
}


@media (max-width: 616px) {
	#mainmenu .col-12 {
	    padding-left: 0px;
	    padding-right: 0px;
	}
}


ul.menu .ess-sub-menu {
	padding-left:30px;
}	
ul.menu .ess-sub-menu a {
	font-weight: 300;
}

#mainmenu ul li.ess-sub-menu a {
	font-weight: 300;
}


@media (max-width: 2700px) {
	
	
	#masthead .container {
    	xmax-width: 1405px;
	}

	#mainmenu .container {
    	xmax-width: 1200px;
	}
}


#mainmenu ul li a {
    color: #000;
    font-size: 30px;
    line-height: 45px;
    font-family: Rubik;
    font-weight: 700;
    text-transform: uppercase;
}

@media (max-width: 616px) {
	#mainmenu {
		padding-left: 0;
	}
	
	#mainmenu ul li a {
	    font-size: 18px;
	    line-height: 25px;
	}
	#mainmenu ul li a {
	    font-size: 16px;
	    line-height: 24px;
	}
	
	ul.menu .ess-sub-menu {
		padding-left:20px;
	}	
	
	#mainmenu ul li.ess-sub-menu a {
		font-weight: 300;
	}
	
	#mainmenu .container  {
	   margin-left:20px;
	}
	
	#mainmenu .container {
    	max-width: 90%;
    	height:calc(100vH - 180px);
    	overflow-y:scroll;
	}

}

#site-navigation {
	height:200px;	
}


@media (max-width: 616px) {

	#site-navigation {
    	height: 130px;
	}
	

}

.essendi-logo-head {
	width:207px;
	height:97px;
	position:absolute;
	right:0;
	margin-top:50px;
}

@media (max-width: 600px) {
	.essendi-logo-head {
		width:180px;
		height:84px;
		position:absolute;
		right:20px;
		margin-top:20px;
	}
}

.essendi-logo-head img {
    width: 100%;
    height:auto;
}

/* alt: */
footer .foot-slika {
    text-align: right;
    width: 250px;
}
footer img#madeinger {
    text-align: right;
    width: 250px;
    height:auto;
}
footer .foot-slika img {
    
    width: 100%;
    height:auto;
}

/* neu: */
footer {
    margin-bottom: 90px;
    float: left;
    width: 100%;
}

footer .row {
    display: flex;
    flex-wrap: wrap;
	-ms-flex-align: start;
    align-items: flex-start;
    margin-right: -5px;
    margin-left: -5px;
}
@media (max-width: 992px) {
	footer .row  {
		width: 100%;
	}
}

footer .col-12 {
	padding-right: 0px;
	padding-left: 0px;
}

footer .col-footer {
	position: relative;
	float: left;
	flex: 0 0 50%;
	max-width: 50%;
	width: 50%;
	min-height: 1px;
	padding-right: 0px;
	padding-left: 0px;
}
@media (max-width: 992px) {
	footer .col-footer  {
		flex: 0 0 100%;
		max-width: 100%;
		width: 100%;
	}
}

footer .socials  {
	padding-right:20%;
}
@media (max-width: 992px) {
	footer .socials  {
		display:block;
		padding-right:0%;
		text-align: center;
	}
}

footer .socials a {
	line-height: 50px;
	display:inline-block;	
}

footer .socials a.image{
}

@media (max-width: 992px) {
	footer .socials a i {
		font-size: 50px;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 11px;
	}
}
@media (max-width: 992px) {
	footer .socials a i {
		font-size: 50px;
		margin-left: 30px;
		margin-right: 30px;
		margin-top: 11px;
	}
}
@media (max-width: 480px) {
	footer .socials a i {
		margin-left: 20px;
		margin-right: 20px;
	}
}

footer .socials img {
	width: 32px;
	height: auto;
	margin-right: 20px;
}
@media (max-width: 992px) {
	footer .socials img {
		width: 42px;
		margin-left: 15px;
		margin-right: 15px;
		padding-bottom: 20px;
	}
}

footer .socials .xml {
	margin-right: 25px;
}
@media (max-width: 992px) {
	footer .socials .xml {
		width: 60px;
	}
}

footer .socials a:hover {
	text-decoration: none;
}

footer .logos {
	float: left;
    text-align: right;
}
@media (max-width: 992px) {
	footer .logos  {
		display:block;
		margin-top: 30px;
		padding-top: 30px;
		text-align: center;
		border-top: 2px solid #ddd;
	}
}

footer .logos img {
    text-align: right;
    width: calc(25% - 25px);
    height:auto;
	margin: 14px 10px;
}
@media (max-width: 460px) {
	footer .logos img {
		text-align: center;
		width: calc(25% - 15px);
		height:auto;
		margin: 14px 5px;
	}
}

footer .footer-links {
    margin-top: 40px;
    margin-left: 5px;
    text-transform: uppercase;
}
@media (max-width: 992px) {
	footer .footer-links {
		margin-top: 50px;
		text-align: center;
	}
}

footer .footer-links a {
	margin-bottom: 0px;
    font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
	color: black;
}
@media (max-width: 460px) {
	footer .footer-links a {
		font-size: 12px;
	}
}

footer .footer-links a:hover {
	color: #CF0C29;
}

.nowrap {white-space: nowrap;}



/* form */


.contact-page p {
    text-align: left;
    font-family: "Open Sans", sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 300;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

@media only screen and (max-width: 616px) {
.contact-page span.wpcf7-list-item {
    	display: inline-block;
    	margin: 0 5px 0 0em;

}
.contact-page .anrede input[type="radio"] {
    box-sizing: border-box;
    padding: 16px;
    padding-left:0;
    margin-left: 0px;
    margin-right: 30px;
}

.contact-page .Anrede {
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    float: left;
}

.contact-page .random-capital-quiz input[type="text"] {
    width: 70px;
    height: 30px;
}

.contact-page .random-capital-quiz input[type="text"] {
    width: 70px;
    height: 30px;
}

.contact-page input[type="radio"], .contact-page input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    margin-right:30px;
}
}

.contact-page .Anrede {
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
    float: left;
}

.dodatno span {
	line-height: 2rem;
}

.contact-page .Erstberatung, .contact-page .Live-Demo, .contact-page .VirtMeeting {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    list-style: 30px;
}


.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #CF0C29;
}

.row-check {
	width:100%;	
}

.row-check .check-left {
	width:40px;
	float:left;	
}

.row-check .check-right{
	width:calc(100% - 50px);
	float:left;	
}

.wpcf7-not-valid-tip {
    color: #CF0C29;
    font-size: 12px;
    font-weight: normal;
    display: block;
}



.wpcf7 form {
    text-align: left;
    font: Lighter 20px/30px Open Sans;
    font: Lighter 16px/24px Open Sans;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


@media only screen and (max-width: 616px) {
	.wpcf7 form {
    	font: Lighter 13px/20px Open Sans;
	}
}
    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: Open Sans, sans-serif;
        font-size: 100%;
        line-height: 1.15;
        margin: 0;
        -webkit-font-smoothing: antialiased;
    }


.anfahrt h5 {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 20px;
    font-weight: 300;
}



#career-3 .benefits .wrap-ben .flip {
    display: none;
    position: absolute;
    top: 0;
    background: #CF0C29;
    height: 100%;
    border-radius: 12px;
    padding:40px 26px;
    overflow: hidden;
}

/* wrap boxen einschub rechts */
/*
section#features .dva-home .wrap-box {
    right: -8vw;
}

section#blog-features-2 .wrap-box {
    right: -8vw;
}
*/

.foot-containx .kununu {
	float:left;

}
.foot-containx .col-3 {
	float:left;
}




/* sidebar */

#sidebar-kontakt-open, #sidebar-mail-open, .preisform {
 	color: #404040;
	font-family: "Open Sans","Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-weight:300;
}

#sidebar-kontakt-open a, #sidebar-mail-open a, .preisform a {
    color: #404040;
    color: #CF0C29;
}


#sidebar-kontakt-right {
    width: 60px;
    height: 310px;
    z-index: 999;
    right: 0;
    position: fixed;
    margin-top: 0;
    background-color: none;
    top: 370px;
    top: 245px;
}


.kontakt-buttons-bottom {
    bottom: 0;
    padding-bottom: 0;
    display: none;
    z-index: 99999;
    position: fixed;
    width: 100%;
    background-color: #CF0C29;;
    height: 42px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    display:none;
}

.kontakt-buttons-bottom .content {
    width: 50%;
    height: 40px;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 10px;
    left: 0;
    border: 1px solid #fff;
    font-size: 1.1rem;
    letter-spacing: 0.1rem;
    float: left;
    color:#fff;
    cursor:pointer;
}

@media only screen and (max-width: 616px) {	
 	#sidebar-kontakt-right {
 		display:none;
 		top: unset;
 		bottom:0;
 	}
 	
 	.kontakt-buttons-bottom {
 		display:block;
 	}
}





#sidebar-kontakt-right .sidebar-item {
	width:60px;
	height:60px;
	margin-bottom:2px;	
	z-index:99999;
	cursor:pointer;

}

#sidebar-kontakt-right .sidebar-item img {
	width:100%;
	height:auto;
}

.sidebar-item-tel {
	width:60px;
	height:60px;
	background-image: url('/wp-content/themes/essendi-mm/images/icon-tel.png');
	background-size: cover;
}
.sidebar-item-mail {
	width:60px;
	height:60px;
	background-image: url('/wp-content/themes/essendi-mm/images/icon-mail.png');
	background-size: cover;
}

/*
#sidebar-kontakt-rueckruf {

    height: auto;
    
    z-index: 9999;
    right: -490px;
    position: fixed;
    margin-top: 0;
    z-index: 9999999;
    background-color:rgba(39,30,38,0.9);
    top:113px;
    padding-right:60px;
    overflow-y:scroll;
    padding-right:68px;
}
*/

#sidebar-kontakt-open {
	 width:400px;	
	 z-index: 997;
	 z-index: 99999;
	 position: fixed;
	 top: 370px;
	 top: 245px;
	 right:-616px;
	 height:auto;
	 background-color:#fff;
	 border-radius:10px;
	 transition-duration: 1s;
	 overflow-y:scroll;
}

#sidebar-mail-open {
	 width:400px;	
	 z-index: 997;
	 z-index: 99999;
	 position: fixed;
	 top: 370px;
	 top: 245px;
	 right:-616px;
	 height:auto;
	 background-color:#fff;
	 border-radius:10px;
	 transition-duration: 1s;
	 overflow-y:scroll;
}





@media only screen and (max-width: 616px) {	
	#sidebar-kontakt-open {
		width:calc(100% - 70px);	
		width:100%;
		top: 0px;
		
		
	}
	#sidebar-mail-open {
		width:calc(100% - 70px);
		width:100%;
		top: 0px;
	}
}



#sidebar-kontakt-open.shadow, #sidebar-mail-open.shadow, .preisform {
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    3px 3px 5px 6px #ccc;  /* Firefox 3.5 - 3.6 */
  box-shadow:         3px 3px 5px 6px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}




#sidebar-kontakt-open .side-inner .rueckruf-form-content {
	display:none;
	transition-duration: 1s;
	
}


#sidebar-kontakt-open .side-inner .rueckruf-form-content.open  {
	display:block;
	
}

#sidebar-kontakt-open .side-inner, #sidebar-mail-open .side-inner  {
	width:400px;
}


@media only screen and (max-width: 616px) {	
	#sidebar-kontakt-open .side-inner, #sidebar-mail-open .side-inner  {
		width:100%;
		padding-left:20px;
		padding-right:20px;
	}

}


#sidebar-kontakt-open .side-inner .row, #sidebar-mail-open .side-inner .row, .preisform .row {
	margin-left:unset;
	margin-right:unset;
	position:relative;
	width:100%;
	float: left;
}

#sidebar-kontakt-open.sidebar-open {
	right:0;	
	right:70px;
}

#sidebar-mail-open.sidebar-open {
	right:0;	
	right:70px;
}


@media only screen and (max-width: 616px) {	
	
	#sidebar-kontakt-open.sidebar-open {
		right:0;	
	}

	#sidebar-mail-open.sidebar-open {
		right:0;	
	}
	
}

#sidebar-kontakt-open .side-inner input[type="text"], #sidebar-kontakt-open .side-inner input[type="email"],
#sidebar-mail-open .side-inner input[type="text"], #sidebar-mail-open .side-inner input[type="email"],
.preisform input[type="text"], .preisform input[type="email"] {
	height: 40px;
	margin-bottom: 15px;
	width: 300px;
}

#sidebar-kontakt-open .side-inner select,
#sidebar-mail-open .side-inner select,
.preisform select {
	height: 40px;
	margin-bottom: 15px;
	width: 300px;
	text-indent:6px;
	color: #666;
	-webkit-appearance:none;
	border-radius:12px;
	border-color: #707070;

	background: url("/wp-content/themes/essendi-mm/images/icon-pfeil-rot-down.png");
   background-size: 20px;
   background-position: calc(100% - 20px) center;
   background-repeat: no-repeat;
   background-color: #fff;
}


#sidebar-kontakt-open .side-inner input[type="checkbox"] {
	margin-right:10px;	
	margin-top:-2px;
}

.kontaktnachricht textarea {
	border: 1px solid #707070;
	border-radius: 14px;	
	height:100px;
	margin-top:20px;
	margin-bottom:20px;
	width:300px;
}


input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
    color: #666;
    padding: 3px;
    padding-left: 3px;
    width: 100%;
    height: 63px;
    margin-bottom: 16px;
    border: 1px solid #707070;
    border-radius: 14px;
    padding-left: 15px;
}

@media (max-width:575px) {
	#sidebar-kontakt-open .side-inner input[type="text"], #sidebar-kontakt-open .side-inner input[type="email"],
	#sidebar-mail-open .side-inner input[type="text"], #sidebar-mail-open .side-inner input[type="email"],
	.preisform input[type="text"], .preisform input[type="email"] {
		width: 100%;
	}
	
	.kontaktnachricht textarea {
		width: 100%;
	}
	
	#sidebar-kontakt-open .side-inner select,
	#sidebar-mail-open .side-inner select,
	.preisform select {
		width: 100%;
		x-webkit-appearance:auto;
	}
}



.side-bar-form .check-left {
    float: left;
    width: 20px;
    margin-right: 5px;
}

.side-bar-form .check-right {
    float: left;
    font-size: 16px;
    line-height:22px;
}

/*

#kl-side-container-kontakt {

    width: 450px;
    width: 490px;
    height: auto;
    z-index: 9999;
    right: -490px;
    position: fixed;
    margin-top: 0;
    z-index: 9999999;
    background-color:rgba(39,30,38,0.9);
    top:113px;
    padding-right:60px;
    overflow-y:scroll;
    padding-right:68px;
}



#kl-side-container-kontakt {

}

*/

/*
#kl-side-container-popup {
    width: 450px;
    width: 490px;
    height: auto;
    height:700px;
    height: auto;
    z-index: 9999;
    right: -490px;
    position: fixed;
    margin-top: 0;
    z-index: 9999999;
    background-color:rgba(39,30,38,0.9);
    top:113px;
    padding-right:60px;
    overflow-y:scroll;
}
*/
@media only screen and (max-width: 616px) {
	
	#kl-side-container-popup, #kl-side-container-kontakt {
		width:100%;	
		top: 85px;
		height:100vH;
	}
	
	#kl-side-container-rueckruf {
		width:100%;	
		top: 85px;
		height:auto;
	}
	
	
	#kl-side-container-rueckruf .wpcf7-form-control-wrap {
    	position: relative;
    	width: 100%;
	}
	
	#kl-side-container-kontakt  .wpcf7-form-control-wrap {
    	position: relative;
    	width: 100%;
	}

}

.kl-side-container-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("/wp-content/themes/essendi-mm/images/close-bl.svg");
    margin-top: 10px;
    left: 10px;
    width: 35px;
    height: 25px;
    z-index: 9992;
    cursor: pointer;
}


.preisform-close {
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    background-image: url("/wp-content/themes/essendi-mm/images/close-bl.svg");
    margin-top: 10px;
    left: 10px;
    width: 35px;
    height: 25px;
    z-index: 9992;
    cursor: pointer;
}

.kontakt-slider-form, .rueckruf-slider-form {
	position:relative;
}

/* form */

.side-bar-form .row {
	display:block;
	
}


.side-bar-form .row {
	font-size:14px;
	line-height:17px;
	
}
.side-bar-form .row {
    padding-bottom: 10px;
}

.side-bar-form .row {
	padding-bottom: 5px;
}


.side-bar-form  .rueckruf-slider-form-head.row  {
	padding-bottom:1px;	
}

.form-button-container {
    padding: 3px 5px 3px 5px;
    padding-top: 10px;
    width: auto;
    width: 300px;
    height: 20px;
    font-size: 16px;
}


@media only screen and (max-width: 616px) {
	.form-button-container {
		width: 100%;
	}
}
.rueckruf-form-button-wrapper  {
		background-color:#fff;
		height:40px;
		border: 1px solid #707070;
		border-radius:12px;
		position:relative;
		margin-bottom:10px;
		color: #404040;
		font-size: 16px;

}


@media only screen and (max-width: 616px) {
	.rueckruf-form-button-wrapper  {
		width: 100%;
	}
}


.rueckruf-form-button-wrapper a, .form-button-container a {
    color: #404040 !important;
    font-size: 16px;
}
.rueckruf-form-button-wrapper.rueckruf-open {
	margin-bottom:38px;
	cursor:pointer;	
}

.rueckruf-form-button-wrapper  .button-pfeil-rechts {
    background-image: url("/wp-content/themes/essendi-mm/images/icon-pfeil-rot.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    width: 20px !important;
    height: 20px;
    right: 10px;
    top: 10px;
    position: absolute;
    cursor: pointer;
    
}

.rueckruf-form-button-wrapper  .button-pfeil-unten {
    background-image: url("/wp-content/themes/essendi-mm/images/icon-pfeil-rot.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    width: 20px !important;
    height: 20px;
    right: 10px;
    top: 10px;
    position: absolute;
    cursor: pointer;
   transition-duration: 0.1s;
}


.rueckruf-form-button-wrapper  .button-pfeil-unten.open {
	 transform:rotate(90deg);
}


.newsletter-popup .newsletter-formular .kl-button-absenden, .kontakt-slider-form .kl-button-absenden, .rueckruf-slider-form .kl-button-absenden {
    background-color: #fff;
    color:#000;
    padding: 3px 5px 4px 20px;
    line-height: 23px;
    height: 40px;
    width: 300px;
    text-transform: none;
    font-size: 16px;
    border: 1px solid #707070;
	border-radius:12px;
	color: #404040;
	font-weight:300;
	font-family: "Open Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	margin-top:20px;
}


@media only screen and (max-width: 616px) {
	.newsletter-popup .newsletter-formular .kl-button-absenden, .kontakt-slider-form .kl-button-absenden, .rueckruf-slider-form .kl-button-absenden {
		width: 100%;
	}
}

.kontakt-slider-form .kl-button-absenden, .rueckruf-slider-form .kl-button-absenden {
    
    background-image: url("/wp-content/themes/essendi-mm/images/icon-pfeil-rot.png");
    background-repeat: no-repeat;
    background-position: 95% 50%;
    background-size: 20px 20px;
    top: 10px;
    position: absolute;
    margin-right:10px;
    
}

/* formular kontakt slider */

.kontakt-slider-form, .rueckruf-slider-form {
		padding-top:40px;
		padding-left:20px;
		padding-right:10px;
		overflow:hidden;
		height:auto;
}
/* neu 18.10 */
.kontakt-slider-form, .rueckruf-slider-form  {
	padding-left:38px;
}
@media (max-width:575px) {
	.kontakt-slider-form, .rueckruf-slider-form {
    	padding-left: 0px;
	}
}
	
.kontakt-slider-form h2, .rueckruf-slider-form h2 {
		font-size:24px;
		font-size:16px;
		margin-bottom:0;
}

.rueckruf-slider-form .rueckruf-head {
	font-size:16px;
	margin-bottom:15px;

}


/* neu 18.10 */
.kontakt-slider-form h2 {
		font-size:16px;
}
	
.kontakt-slider-form h3,  .rueckruf-slider-form h3 {
		font-size:16px;
		margin-top:0;	
}
/*
.kontakt-slider-form .icon-side-bar-head  {
	width:50px;
	height:50px;

	float:left;
	background-image: url("../img/hr-kontakt-icon-email-v3.png");
	background-color:none;
	background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    margin-top:-5px;
    margin-left:-10px;
		
}
*/


.kontakt-slider-form .kontakt-slider-form-head  {
	border-bottom:1px solid #fff;	
	margin-bottom:20px;
}

.kontakt-slider-form .kontakt-slider-form-head.row {
	padding-bottom:0;	
}


.line-unten {
	border-bottom:1px solid #fff;	
	margin-bottom:10px;
	padding-bottom:10px;

}



.rueckruf-slider-form h2 {
		color:#fff !important;	
		font-size:16px;
		margin-bottom:10px;
		line-height:20px;
}



.rueckruf-slider-form .icon-side-bar-head  {
	width:50px;
	height:50px;
	float:left;
	background-image: url("/wp-content/themes/essendi-mm/images/icon-rueckruf-side.png");
	background-size: 100%;
    background-position:  top left;
    background-repeat: no-repeat;
    margin-top:-5px;
    margin-left:-10px;
	margin-right:20px;
}

.rueckruf-slider-form .icon-side-bar-anruf  {
	width:30px;
	height:30px;
	
	float:left;
	background-image: url("/wp-content/themes/essendi-mm/images/icon-anruf-side.png");
	background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    margin-right:20px;
	margin-top:5px;
	margin-left:10px;

}

.rueckruf-slider-form .icon-side-bar-rueckruf  {

	width:30px;
	height:30px;
	float:left;
	background-image: url("/wp-content/themes/essendi-mm/images/icon-rueckruf-side.png");
	background-color:none;
	background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat;
    margin-right:1px;
    margin-top:5px;
	margin-left:10px;
	margin-right:20px;

}



/* bewerben */

.single-jobs .container {
	font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}


.forms-page .title p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Rubik", sans-serif;
	font-size: 45px;
	line-height: 52px;
	font-weight: 300;
}


.kontakt-formular input[type="text"], .kontakt-formular input[type="email"] {
    width:100%;
}


.mm-formular .pseudo-row {
    width: 100%;
    float: left;
    padding-bottom: 0px;
    display:none;
}


.mm-form-m, .mm-form-w {
    float: left;
    height: 50px;
    margin-right: 50px;
    width: 150px;
}

.mm-formular .div-checkbox {
    float: left;
    margin-right: 20px;
}

.mm-formular .div-checkbox img {
    width: 25px;
    height: 25px;
    margin-top: 7px;
}


.mm-form-beratung{
    float: left;
    height: 50px;
    margin-right: 50px;
    width: 100%;
}

.div-text-ber {
	float:left;
	margin-top:5px;	
}



.kontakt-formular .formular-check {
    font-family: "Open Sans", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-size: 16px;
    line-height: 42px;
    font-size: 25px;
    font-size: 16px;
    line-height: 42px;
    color: #444f50;
    color: #000;
}


.kontakt-formular .spalte-links {
    width: 50%;
    float: left;
    padding-top: 10px;
    padding-right: 10px;
}

@media only screen and (max-width: 616px) {
	.kontakt-formular .spalte-links {
	    width: 100%;
	    padding-right: 0px;
	}
}

.kontakt-formular .spalte-rechts {
    width: 50%;
    float: left;
    padding-top: 10px;
    padding-left: 10px;
}

@media only screen and (max-width: 616px) {
	.kontakt-formular .spalte-rechts  {
	    width: 100%;
	    padding-left: 0px;
	}
}

.mm-formular .row-ohne {
    width: 100%;
    float: left;
}


.kontakt-formular .row {
    position: relative;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    float: left;
    display:block;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-50 {
    margin-top: 50px;
}


.wpcf7 form.sent .wpcf7-response-output {
    border-color: #fff;
    border:none;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #fff;
    border:none;
}

/* verstecktes Jobfeld */
.kontakt-formular input[name="your-jobname"] {
    height: 0px;
    border: none;
    display: none;
}


h3.job-title {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    color: #CF0C29;

}


/* animierter burger */

#masthead .navbar .navbar-toggler {
    background: transparent;
    border: none;
    outline: none !important;
    padding: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    z-index: 10;
}


.navbar-light .navbar-toggler {
    color: rgba(0,0,0,.5);
    border-color: rgba(0,0,0,.1);
}


.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .5rem;
}



#masthead button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
    border: none;
    background-color: transparent;
    cursor: pointer;
    transition: all .2s ease-in-out;
    transition-delay: 0s;
    transition-delay: 0s;
}


#masthead .navbar .navbar-toggler span {
    position: relative;
    display: block;
    width: 24px;
    height: 23px;
    background-image: none;
}


.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat 50%;
    background-image: none;
    background-size: auto;
    background-size: 100% 100%;
}



#masthead .navbar .navbar-toggler[aria-expanded="true"] span::before {
    transform: translateY(6px) rotate(225deg);
}

#masthead .navbar .navbar-toggler[aria-expanded="true"] span::after {

    transform: translateY(-6px) rotate(-225deg);

}

#masthead .navbar .navbar-toggler span::after, #masthead .navbar .navbar-toggler span::before {
    display: block;
    content: "";
    width: 100%;
    height: 3px;
    background-color: #1f2430;
    position: absolute;
    top: 4px;
    left: 0;
    right: 0;
    transition: all .3s ease-out;
    transition-delay: 0;
}


#masthead .navbar .navbar-toggler[aria-expanded="true"] span::after {
    transform: translateY(-6px) rotate(-225deg);
}



#masthead .navbar .navbar-toggler span::after {
    top: auto;
    left: 0;
    right: 0;
    bottom: 4px;
    transition: all .33s ease-in;
    transition-delay: 0;
}



#masthead .navbar .navbar-toggler {
    display: block !important;
    padding: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0;
    background: transparent;
    font-size: 32px;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    z-index: 99999;
    position: relative;
    margin-top: 63px;
}



.single-post-wrapper .content-post table, .single-post-wrapper .content-post ul {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-bottom: 30px;
}
/* .single-post-wrapper  */
 .single-post-wrapper section#hero .hero-right {
    position: absolute;
    left: 5%;
    bottom: auto;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    background: white;
    z-index: 99;
    padding: 10% 30px 10% 30px;
	padding: 30px 60px 37px 64px;
	padding: 30px 40px 37px 40px;
    border-radius: 12px;
    xpadding-left: 6%;
}

@media (max-width: 991.98px) {
 .single-post-wrapper section#hero .hero-container .hero-right {
    position: relative;
    left: initial;
    bottom: auto;
    margin: 0 auto;
    top: initial;
    transform: translateY(0%);
    z-index: 99;
    padding: 20px 0px 1px 0px;
    padding-left: 0px;
    border-radius: 12px;
    padding-left: 20px;
}
}


@media (max-width: 991.98px) {
	section#hero .hero-container .hero-right {
	    padding-left: 0px;
	}
}

@media (max-width: 991.98px) {
	.single-post-wrapper section#hero .hero-container .hero-right {
	    padding-left: 0px;
	}
}

@media (max-width: 991.98px) {
	.single-post-wrapper section#hero .hero-right p {
	    margin-bottom: 30px;
	}
}
.single-post-wrapper section#hero .redish {
    color: black;
}

.referenz-logo-row {
	max-width:1005px;
	margin-left:auto;
	margin-right:auto;
	max-height:300px;
	margin-top:30px;
	margin-bottom:50px;
	display:flex;
	justify-content:space-between;
	width:100%;
}
.referenz-logo-row .referenz-logo-col {
	float:left;
	padding-left:5px;
	padding-right:5px;
	
	
}
/*
.referenz-logo-row .referenz-logo-col img {
	height:auto;
	width:100%;

}
*/

.referenz-logo-row .referenz-logo-col img {
	height:auto;
	width:100%;
	
	
}

@media (max-width: 616px) {
	
	.section-referenzen h2 {
    	xmargin-bottom: 0px;
	}


	.referenz-logo-row {
		display:block;	
		padding-right: 15px;
		padding-left: 15px;
		margin-top:0px;
	}
	.referenz-logo-row .referenz-logo-col {
		max-width:50%;
		padding-left:10px;
		padding-right:10px;
		width:50%;
		max-height:110px;
		height:110px;
	}
	
	.referenz-logo-row .referenz-logo-col img {
		max-height:100px;
		width:auto;
	}

	
	
	.cont-partner {
    	margin-top: 30px;
	}
}



@media (max-width: 575px) {
.desc h2, #imagegrid h2, #partnership h2, #news h2, #topfeatures h2, #features h2, #intro h2,
.acareer-page section.quote-image h2  {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 35px;
}
}

@media (max-width: 616px) {
	.wrap-box-2 {
		margin-top:20px;	
		margin-top:30px;
	}	
	

}
/* slider */

.swiper-container .offset-2 {
	margin-top:30px;	
}

.swiper-container .col-neben {
	float:left;
	margin-right:50px;
	width:33%;
	height:200px;	
}


.page-template-career-3 section#about h3 {
    font-family: "Rubik", sans-serif;
    font-size: 25px;
    line-height: 36px;
    font-weight: 300;
    margin-bottom: 15px;
}


@media (max-width: 616px) {
	#career-3 .benefits img {
	    max-height: unset;
	    width: 100%;
	    height: 100%;
	    border-radius: 12px;
	}
}

@media (max-width: 900px) {
	section#news .slick-prev::before {
	    content: '';
	    width: 80px;
	    height: 40px;
	    background: url(/wp-content/themes/essendi-mm/images/slider-next02.svg);
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-repeat: repeat;
	    background-size: auto;
	    background-size: 15px;
	    background-position: right;
	    background-repeat: no-repeat;
	    display: inline-block;
	    padding: 50px;
	    transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	
	}
	section#news .slick-next::before {

	    content: '';
	    width: 80px;
	    height: 40px;
	    background: url(/wp-content/themes/essendi-mm/images/slider-next02.svg);
	    background-position-x: 0%;
	    background-position-y: 0%;
	    background-repeat: repeat;
	     background-size: auto;
	    background-size: 15px;
	    background-position: right;
	    background-repeat: no-repeat;
	    display: inline-block;
	    padding: 50px;
	
	}
}


@media (max-width: 616px) {
.single-post-wrapper section.content {
    margin-bottom: 20px;
    margin-top: -30px;
}
}


.page-template-digitales .col-12.bigfeatures .bigfeat {
    	margin-bottom: 70px;
	}

@media (max-width: 616px) {
	.order-md-2 {
		order: 1;
	}
	
	.col-12.bigfeatures .bigfeat {
    	margin-bottom: 40px;
	}
		/* order */
    
    
	.bigfeat .order-mob-1 {
	            order: 1;
	}
	.bigfeat .order-mob-2 {
	            order: 2;
	}	
	


}


h3.info-news {
	font-family: "Rubik", sans-serif;
	font-weight: 300;
    font-size: 34px;
    line-height: 40px;
}

@media (max-width: 616px) {
.soctit {
    text-align: left;
}
}

@media (max-width: 616px) {
.person .image img {
	max-width:50%;
}
}

@media (max-width: 616px) {
section#news .articles .article img {
    width: 100%;
    border-radius: 12px;
    max-height: 100%;
    margin-bottom: 30px;
}
}



.es-breadcrumbs {
	padding-left: unset;
    padding-right: unset;
    max-width: 1005px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom:20px;
    color: #CF0C29;
    font-family: "Open Sans", sans-serif;
	font-size: 12px;
	line-height: 26px;
	font-weight: 400;
	padding-left: 15px;
}

@media (max-width: 616px) {
	.es-breadcrumbs {
		padding-left: 15px;
		padding-right: 15px;
	}
}


    /* mm neu */
    
    .contact-page input[type="submit"] {
		background: #CF0C29;
		color:#fff;
		padding-left:30px;
		padding-right:30px;
		padding-top:20px;
		padding-bottom:20px;
		line-height:0;
		border-radius: 10px;
	}
	
	

section#hero .hero-container .hero-right {
    position: absolute;
    left: 5%;
    bottom: auto;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    padding: 30px 60px 37px 64px;
    padding-left: 54px;
    border-radius: 12px;
    padding-left: 54px;
    max-width: 564px;
    width: 100%;
}


.partner-page section#hero .hero-right {
    position: relative;
    left: -1%;
    bottom: auto;
    margin: 0 auto;
    top: initial;
    transform: translateY(0%);
    background: white;
    z-index: 99;
    padding: 30px 30px 37px 0px;
        padding-left: 0px;
    border-radius: 12px;
    padding-left: 0%;
    padding-left: 50px;
}


/* blog */


.single-post-wrapper .content p, 
.single-post-wrapper .content-post p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 87%;
}

.single-post-wrapper .content-post ol {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
    color: #404040;
}

.single-post-wrapper .single-post-wrapper .content h2, .single-post-wrapper .content h3,
.single-post-wrapper .content-post h2, .single-post-wrapper .content-post  h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 300;
}

.single-post-wrapper .single-post-wrapper .content h2, .single-post-wrapper .content h3, .single-post-wrapper .content-post h2, .single-post-wrapper .content-post h3 {
    font-family: "Rubik", sans-serif;
    font-weight: 300;
}