/* Anpassungen MNKL */


p em {
	border-radius: 15px;	
}


.img-responsive {
    border-radius: 5px;
}

.ce_image img,
.image_container img,
.image-container img,
.content-image img,
.socials-left img,
.newstxt img{
    border-radius: 5px;
}

.ce_accordionSingle div {
	border-radius: 5px;
}

.pagination li {
	border-radius: 5px;
}


a.btn {
	border-radius: 5px !important;
}


/* Tabelle */
#main .ce_table table,
#main .ce_table th, 
#main .ce_table td {
    border-style: none !important;
}
#main .ce_table td {
  vertical-align: top;
}
#main .ce_table tr:hover {
	background: inherit !important;
}


@media (max-width: 767px) {
    .bgStyle {
        background-image: none !important;
    }
    
	.bgStyle p {
	    display: none;
	}    
}
/* Ende Anpassungen MNKL */



/* SPA */


.socials-left img { 
    width:auto;
}


.banner-bg a.btn {
	padding: 15px 5px !important;
	font-size: 13px;
}







/* ab hier neu */

/* Generelles */
.m0 {
	margin: 0;
}
.p0 {
	padding:0
}
.mt-2 {
	margin-top: 40px;
}
.mb-2 {
	margin-bottom: 40px;
}
.mr-2 {
	margin-right: 40px;
}
.ml-2 {
	margin-left: 40px;
}


/*h1 {
    color:#000000 !important;
}*/

h2 {
    font-weight: bold !important;
}


h3 {
	font-size: 18px;
	font-family: 'Dosis Light';
}
h4 {
	font-size: 16px;
	font-family: 'Dosis Light';
}
body 
	font-family: 'Dosis Regular', sans-serif;
}


a.btn {
	border-radius: 5px !important;
}


/* Hintergründe */
.bg-fixed {
    background-attachment: fixed;
    background-size: cover;
}
.bg-1 {    /* Leitsätze */
    background-color:#ff9900;
    background-image:url("/files/593-influence/img/banner1.jpg");
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.bg-2 {    /* Finance */
    background-color:#ff9900;
    background-image:url("/files/img/Finance_web.jpg");
    background-repeat:no-repeat;
    background-attachment: fixed;
    background-size: cover;
}


/* Kontaktformulare */
input[type="text"],
textarea,
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
input[type="number"],
button[type="submit"] {
    border-radius: 5px !important;
}


/* Scroll to Top Pfeil */
.scrolltop a {
   border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    height: 50px !important;
}


/* Google Maps iFrame */
.maps {
    border-radius: 10px;
    overflow: hidden;
    display: inline-block;
}
.maps iframe {
    display: block;
    border: none;  
}


/* die weissen Boxen Startseite und Unternehmen */
.white-box {
    background: inherit;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
}
.white-box:hover {
    margin-top: 40px;
    padding-bottom: 0px;
}
.white-box em {
    background-color: #ff9900 !important
}

.content-text.white-box .blockInner {
    background: #fff;
    margin: 0 10px 10px;
    padding: 20px;
    border-radius: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    height: 350px;
}

.content-text.white-box .blockInner:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    cursor: pointer;
}



/* die grauen Textblöcke ohne Bild */
.greyboxContainer { 
	display: flex;
	align-items: stretch;
	padding-left: 20px;
	padding-right: 20px;
}
/* .greyboxContainer div.greybox { */
.greyboxContainer .greybox { 
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 15px;
	background-color:#e6e6e6;
	border-radius: 15px;
/*	text-align: center;*/
}
@media (max-width: 767px) {   /* Kleiner Bildschirm */
  .greyboxContainer { 
	display: block;
  }
  .greyboxContainer .greybox { 
	display: block;
	margin-left: 0;
	margin-right: 0;
  }
}


/* der Link zu pdf Präsentationen */
.pdfFlyerlink .fa {   /* Anpassen pdf icon an Fontgröße */
	font-size: 16px;
}
.pdfFlyerlink em:hover {  /* Hover Farbe pdf Icon */
	color:#ff9900;
}


/* Titelzeile css topbar und id header wird vom System vergeben */
/* Farbe Titelzeile der Startseite */
.home .topbar {
/    background-color: #525353;*/   
}

/* normale Navigation */
#header .mod_navigation ul li {
	font-family: 'Open Sans Regular', sans-serif;
}
.overlay-menu {
  height: 350px;
}
.overlay-menu .mobilenavi ul {
	display: flex;
 	flex-direction: column;
	width: 80%;
	float: right;
	text-align: center;
} 
.overlay-menu .mobilenavi li {
	width: 80%;
	margin-bottom: 10px;
} 
.button-menu {   /* das ist das Hamburger Icon */
	top: 20px;
	position: fixed;
}
@media screen and (max-width: 780px) {   /* das ist auch für das Hamburger damit das an gelicher Stelle bleibt */
  .fixedTop .button-menu {
	padding: 10px 30px;
	top: 20px;
  }
}

/* Fusszeile */
/* Fix Logo Linie darunter vom Template */
.footercontainer .logo figure img {
	border-bottom: 0;
}
.footercontainer .pull-left p { 
	padding-left: 30px;
  }

.footercontainer {
	border-top: 0;   /* damit die grüne Linie aus dem Template weg ist. Alternativ: Farbe ändern */
}
@media (max-width: 767px) {   /* Kleiner Bildschirm */
  .footercontainer .pull-left { 
	float: unset !important;
	text-align: center;
  }
  .footercontainer .pull-left p { 
	padding-left: 0;
  }
  .footercontainer .pull-right ul { 
	margin-left: -15px;
  }
  .footercontainer .pull-right { 
	float: unset !important;
	text-align: center;
  }
}



/* Leistungen BOA */
/* Softwarebeschreibung BOA */
.boaDescription .gallery {
	height: 250px;
	margin-top: 25px;
}
.boaDescription .uebersicht img {
	max-width: 90%;
}
.boaDescription  ul.admin {
	padding-left: 0;
}
/* BOA Features Kachelen */
.boaFeatures .container .box {
	padding: 5px;
	border-radius: 15px;
}
.boaFeatures .container .blockInner {
	height: 220px;
	margin: 10px;
	box-shadow: 0 0 10px #0000001A;
	border-radius: 5px;
}
.boaFeatures .container .box:hover {
	transition: all 0.15s ease-in-out;
	background: #e7e7e7;
	box-shadow: 0 0 10px #0000001A;
	padding: 5px;
}
.boaFeatures .container .blockInner:hover {
	transition: none;
	box-shadow: none;
}
.boaFeatures .container h1 {
	font-size: 24px;
	font-weight: bold;
}
.boaFeatures .container .leerbox .blockInner {
	background: unset;
	box-shadow: unset;
}
.boaFeatures .container .leerbox:hover {
	background: unset;
	box-shadow: unset;
}
@media (max-width: 1200px) {   /* Mittlerer und Kleiner Bildschirm */
  .boaFeatures .container .leerbox {  
	display: none;	/* abschalten */
  }

}
.boafeaturesdetails ul {
	padding-left: 0;
}


@media (max-width: 767px) {   /* Kleiner Bildschirm */
  .boaFeatures .container .blockInner {
	height: auto;
  }
}



/* Leistungen Automotive */
.leistungenAutomotiveTextMitBlock .box .blockInner {
	height: 235px;
	border-radius: 15px;
}

.leistungenAutomotiveProjekte .projektboxText {
}
@media (max-width: 767px) {   /* Kleiner Bildschirm */
  .leistungenAutomotiveTextMitBlock .box .blockInner {
	height: auto;
  }
  .leistungenAutomotiveTextMitBlock .box .blockInner img {
	margin-top: 20px;
  }
  .leistungenAutomotiveProjekte .projektboxText {
	margin-bottom: -10px;
  }
}






/* Startseite */
/* Slider */
.startseiteSlider .overlayContent {   /* Höher der Textbox um Slider, damit das zur Hintergrundgrafik passt */
	height: 850px;
}
.startseiteSlider .overlayContent h2 {
	font-family: 'Dosis Regular';
/*	font-weight: bold !important;*/
}
.startseiteSlider .overlayContent h1 {
	font-family: 'Dosis Light';
	font-size: 70px;
	color: #515252;
}
.startseiteSlider .overlayContent h1 strong {
	font-family: 'Dosis Regular';
}
.startseiteSlider .bgStyle {
	padding-bottom: 5%;
}


/* Geschäftsbereiche Kacheln */
.startseiteGeschaeftsbereiche .white-box {
	display: flex;
	justify-content: space-around;
}
.startseiteGeschaeftsbereiche .white-box .blockInner {
	height: 310px;
	width: 310px;
	margin: 0 10px;
}




/* Leistungen */
/* Geschäftsbereiche Kacheln */
.leistungenGeschaeftsbereiche h1 {
	font-weight: bold;
	margin-top: -15px;
}

.leistungenGeschaeftsbereiche .white-box {
	display: flex;
	justify-content: space-around;
}
.leistungenGeschaeftsbereiche .white-box .blockInner {
	height: 310px;
	width: 310px;
	margin: 0 10px;
}
/* Leitsätze Kacheln */
.leistungenLeisaetze .comment {    /* der 'innere' Kasten */
	border-radius: 15px;
}
.leistungenLeisaetze .greyboxContainer { 
	padding-left: 0;
	padding-right: 0;
}
.leistungenLeisaetze .greyboxContainer .greybox {   /* damit die inner 'comment' class gestretcht wird */
	display: grid;
}
.leistungenLeisaetze .greyboxContainer .greybox .comment {   /* damit die inner 'comment' class gestretcht wird */
	height: 90%;
}
.leistungenLeisaetze .greyboxContainer .greybox {   /* hier ohne hellgrau */
	background-color: unset;
}

@media (max-width: 1200px) {   /* Mittlerer und Kleiner Bildschirm */
  .leistungenLeisaetze .greyboxContainer .greybox p {  
	hyphens: auto; 	/* Silbentrennung aktivieren damit die Boxen nicht durch lange Worte verbogen werden */
	padding-top: 10px;   /* Fehlerkorrektur */

  }

}


/* Kunden */
.leistungenKunden h1 {
	margin: 0;
}
.leistungenKunden td:nth-child(1),   /* alle gleich breit */
.leistungenKunden td:nth-child(2),
.leistungenKunden td:nth-child(3) {
	width: 33.3333%;
}

/* Karriere */
.stellen-s {
	margin-left: 20px;
	margin-right: 20px;
}
.stellen-s h2 {
	color: #fff;
}
.stellen-s .handorgel__header__button {
	background-color: #515252;
/*	width: 700px;*/
	padding: 12px;
	border-radius: 5px;
	font-size: 16px;
	font-weight: normal;
}
.stellen-s .handorgel__content {
	border-radius: 5px;
}
.stellen-s .handorgel__content.handorgel__content--opened {
	margin-bottom: 10px;
}
.stellen-s .handorgel__header__button:hover,
.stellen-s .handorgel__header--opened .handorgel__header__button {
	background-color: #ff9900;
}


.stellen-s .handorgel__header__button::after {
	font-family: FontAwesome;
	background: none;
	color: #fff;
	padding: 3px 7px;
	content: "\f107";
	float: right;
	padding: 0;
}
.stellen-s .handorgel__header--opened .handorgel__header__button::after {
	content: "\f105";
}
.stellen-s .handorgel__header__button:hover::after {
	content: "\f107";
}
.stellen-s .handorgel__header--opened .handorgel__header__button:hover::after {
	content: "\f106";
}
@media (max-width: 767px) {   /* Kleiner Bildschirm */
  .stellen-s {
	margin-left: 	0;
	margin-right: 0;
  }
  .stellen-s ul {
	margin-left: unset !important;   /* die Enrückungen kompakter nachen wegen Überlauf */
  }
}



/* Leistungen Custom Software */
.leistungenCustomsoftwareText img {   /* das Bild auf die Linie bringen */
	margin-top: 25px;
}
.leistungenCustomsoftwareSpezial em:hover {   /* Hover Farbe pdf Icon */
	color:#ff9900;
}



/* Leistungen Finance Consulting */
/* Kompetenzen Kacheln */
.leistungenFinanceKompetenzen {
}


/* Leistungen Projektmanagement */
/* Text mit Bild Blöcke */
.leistungenProjektBildblock .blockInner {   /* hellgraue Hintergrunddfarbe aus */
	background: unset;
}




/* Standorte */
/* Stuttgart */
.standortStuttgart .container .row h2 {
	padding: 0;
}


/* Unternehmen */ 
.unternehmenAboutus {
}
.unternehmenPhiliosphie {
}
.unternehmenLeitung .media {   /* die Bilderblöcke Geschäftsleitung */
	padding-top: 20px;
}
.unternehmenLeitung h3 {   /* damit der Name näher an das Bild rückt */
	margin-top: 10px;
}
.unternehmenManager .media {   /* die Bilderblöcke Manager */
	padding-top: 20px;
}
.unternehmenManager h3 {   /* damit der Name näher an das Bild rückt */
	margin-top: 10px;
}
.unternehmenKarrierelink a.btn {  /* das zentriert den Button */
 	margin-top: 15px;
}
.unternehmenKarrierelink .p1 { /* entfernt den weißen Bereich darunter und darüber */
 	padding: 0;
}
.unternehmenKennzahlen .container {  /* entfernt dien weissen Bereich darunter */
	margin-bottom: -60px;
}
.unternehmenKennzahlen .kennzahlenHeader {
}
.unternehmenKennzahlen .kennzahlenJahr {
}
.unternehmenKennzahlen .kennzahlenUmsatz {
}
.unternehmenKennzahlen .kennzahlenIso  {
}




/* News */
.newsListe .more {              /* den Link zu 'eriterlesen' weg */
	display: none;
}
.newsListe .pagination li strong.active {   /* grünen Hintergrund unten an der Seitenzahl weg */
	background-color: unset;
}
.newsListe .newstxt h2 {
	margin-top: 0;  /* näher an das Datum heranrücken */
}





/* aus altem Inline - CCS übernommen */


/* borderMain */
/* SPA - dieser Block war wegen Syntaxfehler ohne Funktion, macht aktiviert aber Anzeigefehler - also weg
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span:hover,
#header .mod_navigation ul li:hover,
.mainnavi .level_1 span:hover,
.mainnavi ul.level_1 > .active,
.mainnavi ul.level_2 li span:hover,
.mainnavi ul.level_2 > .active,
.mainnavi .level_1 span.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
.level_1 .active,
.level_1 .forward,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover {
    border-top: 1px solid #ff9900;
} */


/* Farben definieren - überschreibt die des Templates */
/* Color Orange */
.ce_downloads a:hover .downloadicon,
.footercontainer a:hover,
p.info a:hover,
.button-menu .fa,
h3,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span:hover,
#header .mod_navigation ul li:hover,
.mainnavi .level_1 span:hover,
.mainnavi ul.level_1 > .active,
.mainnavi ul.level_2 li span:hover,
.mainnavi ul.level_2 > .active,
.mainnavi .level_1 span.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
.mainnavi .level_1 a .forward,
.mainnavi .level_1 span .forward,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover,
.greytxt h3,
.ce_downloads li:hover:before,
.overlay-menu ul.level_2 > li > a:hover,
.overlay-menu ul.level_2 > li > span:hover,
.white-box:hover h1,
.white-box:hover h2,
.white-box:hover h3,
.white-box:hover a,
.footercontainer li:hover,
.ce_sliderStart h1 strong,
footer .mod_newslist time:before,
.mod_newsreader p.info:before,
.mod_newslist p.info:before,
.mod_eventreader p.info:before,
span.date:before,
.socials-left p.socialIcons a:hover:after,
.submenu.trail > span,
.level_1 .active,
.level_1 .forward {
	color:#ff9900;
}


/* DarkColorBackground */
.fa-white .fa:hover,
.home #newsletter input.submit,
#slider .page-scroll em,
.dark-bg,
#slider .slider-control a.slider-prev:before,
#slider .slider-control a.slider-next:after,
.slider-control a.slider-prev:before,
.slider-control a.slider-next:after,
.pagination li span:hover,
.pagination li a:hover,
.overlay-menu,
.bluebanner a.btn,
.slider-text-bg,
.contact-home,
.pagination li span:hover,
.pagination li a:hover,
.dark-bg .container,
footer .footercontainer,
footer .footercontainer  .container,
.fixedTop .topbar,
.home .topbar,
.topbar,
.white-box em,
.mod_search .submit:hover,
.submit:hover,
a.btn:hover,
.mod_eventlist div.header a:hover,
p.more a:hover,
p.back a:hover,
.newstxt p.more a:hover,
.pricing-box h1,
.rightblock h2,
.ce_accordion .toggler,
.newsletterbanner .newsletter .submit:hover,
.topbar {
	background-color:#515252;
}

/* Color Orange Background */
table.calendar td.active,
.iconTrans img,
.fa-white .fa,
#willkommen .image_container,
.mod_quicknav select,
#footer input.submit,
#header .mainnavi ul.level_2,
#header .mainnavi ul.level_3,
.ce_accordion .toggler:hover,
.ui-accordion-icons.active,
.mod_eventlist div.header a,
p.more a,
p.back a,
.newstxt p.more a,
p.back,
.gallery-home .image_container,
.icon .fa,
.bg-fixed .img-responsive,
.btn:before,
a.btn,
div.overlay-textinput .submit,
input.submit,
.newsletter .submit,
#footer input.submit,
.btn-primary,
#footer .submit,
.mod_search .submit,
.submit,
.contact-home,
.clients .fa,
.ce_sliderStart a.btn:hover,
.bluebanner a.btn:hover {
	background-color:#ff9900;
}

/* Color Orange Background */
.numbers p,
.scrolltop a,
div.overlay-textinput .submit:hover:before,
div.overlay-textinput .submit:focus:before,
div.overlay-textinput .submit:active:before,
div.overlay-textinput .submit:hover,
input.submit:hover,
.newsletter .submit:hover,
.level_2 .active,
.level_2 .forward,
p.more a,
p.back,
.home-headline .fa,
.white-box:hover em,
p.footerIcons a:hover:after,
.newsletterbanner .newsletter .submit:hover {
	background-color:#ff9900;
}

/* MainColorThinBorder */
.rightblock h3,
h1:before,
h1:after {
	border-bottom:1px solid #ff9900;
}

/* mainColor:: BorderBottom */
table thead tr {
	border-bottom:2px solid #ff9900;
}

/* Color Orange FontColor */
.topnavi a:hover,
.topnavi  a:focus,
header input.submit,
a:active,
a:hover,
.level_1 > li:hover,
#slider .slider-control a.slider-prev:hover:before,
#slider .slider-control a.slider-next:hover:after,
.slider-control a.slider-prev:hover:before,
.slider-control a.slider-next:hover:after,
.slider-control .slider-menu b.active,
.mainnavi .level_1 a.trail,
.mainnavi .level_1 a:hover,
.mainnavi .level_1 span.active,
.mainnavi .level_1 a:active,
.mainnavi .level_1 span.trail {
	color:#ff9900;
}

/* 515252 - Color */
.bg-1 h3,
figure.image_container figcaption,
h1,
h2,
h3,
p,
body,
/*a,*/
#footer .submit:hover,
.fa,
p.socialIcons a:after,
.team p.socialIcons a:hover:after,
.greytxt h1,
.greytxt h2,
.greytxt h4,
.ce_downloads li:before,
.contact-home a:hover,
footer a:hover,
.bgStyle a.btn:hover,
.OutsideIn,
.OutsideIn p,
.OutsideIn h2 {
	color:#515252;
}

/* FontColor :: Grey */
a {
	color:#353535;
	text-shadow: none
}


/* Color Hellgrau #e6e6e6 :: Background */
.InsideOut,
.service {
    background-color:#e6e6e6;
}






/* palmerDemo */
.palmerDemo .rte {
	border-style: solid;
	border-width: 2px;
	border-color: #ff9900;
}
.palmerDemo .container {
	border-style: solid;
	border-width: 2px;
	border-color: #99ff00;
}
.palmerDemo .col-lg-2,
.palmerDemo .col-lg-3,
.palmerDemo .col-lg-4,
.palmerDemo .col-lg-6,
.palmerDemo .col-lg-12 {
	border-style: solid;
	border-width: 2px;
	border-color: #00ffff;
}
.palmerDemo .blockInner,
.palmerDemo .blockInner2 {
	border-style: solid;
	border-width: 2px;
	border-color: red;
}