/*** sprocket
 /* SPARTAN HEADLINES */

/* league-spartan-900 - latin */
@font-face {
  font-family: 'League Spartan';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/league-spartan-v6-latin-900.eot'); /* IE9 Compat Modes */
  src: local('League Spartan'),
       url('../fonts/league-spartan-v6-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/league-spartan-v6-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/league-spartan-v6-latin-900.woff') format('woff'), /* Modern Browsers */
       url('../fonts/league-spartan-v6-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/league-spartan-v6-latin-900.svg#LeagueSpartan') format('svg'); /* Legacy iOS */
}


/* raleway-300 - latin */ 
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/raleway-v14-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Raleway Light'), local('Raleway-Light'),
       url('../fonts/raleway-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */
 
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/raleway-v14-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Raleway'), local('Raleway-Regular'),
       url('../fonts/raleway-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-500 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/raleway-v14-latin-500.eot'); /* IE9 Compat Modes */
  src: local('Raleway Medium'), local('Raleway-Medium'),
       url('../fonts/raleway-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* raleway-700 - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/raleway-v14-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Raleway Bold'), local('Raleway-Bold'),
       url('../fonts/raleway-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/raleway-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/raleway-v14-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/raleway-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/raleway-v14-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */
}
html,body {font-family:Raleway, sans-serif;font-style: normal; font-weight: 300;font-size:20px;}
h1,h2,h3,
.cd-headline{ font-family: 'League Spartan', sans-serif; font-weight: 900;text-transform:uppercase!important;}
h4,h5, h6{font-family:Raleway, sans-serif;font-style: normal; font-weight: 500;}
h1{font-size:50px;}
h2{font-size:40px;}
h3{font-size:35px;}
h4{font-size:25px;}
h5,h6 {font-size:20px;}
.kunde {font-family:Raleway,sans-serif;}
.smaller {font-size:70%;}
.Weiss, .Weiss *, .adresse a {color:#ffffff!important;} .Weiss a, .adresse a {text-decoration:underline;}
.Weiss a:hover, .adresse a:hover {color:#fff !important;text-decoration:none;background:#602629;}
.Schwarz, .Schwarz * {color:#222;}
a.w:hover {background:#5DC919;color:#fff !important;}
a.t:hover {background:#4d9fcc;color:#fff !important;}
.wm {background:#5DC919/*#22963f*/;}
.tm {background:#4d9fcc;}
.WM {color:#5DC919;}
.TD {color:#4d9fcc;}
.Rot, .Rot * {color:#962228 !important;} .Rot a {color:#962228 !important;}
.rot {background-color:#962228 !important;color:#fff;} .rot a {color:#fff !important;}
.gruen {background-color:#5DC919!important;color:#fff;}
.blau {background-color:#4d9fcc!important;color:#fff;}
.dunkelgrau {background-color:#2c2c2c!important;}
.alert-warning {color: inherit;background-color: transparent;border-color: transparent;text-align:center;}
span.highlight {color: #000;}
h1 {font-size:60px;line-height:76px;}
.portfolio h1.sppb-addon-title {font-size:40px;line-height:55px;}
h2 {font-size:46px;line-height:56px}
h3 {font-size:38px;line-height:44px}
body, p, div {line-height:1.25;}
.zentriert, .zentriert * {text-align:center!important;}
/** text-markierung */
::selection  {color:#fff; background:#602629;}
::-moz-selection {color:#fff; background:#602629;}
/* header*/
#sp-header.menu-fixed-out {background: #962228;}
.transheader #sp-header.menu-fixed-out {background: transparent;}
.portfolio #sp-header.menu-fixed-out, #sp-header.menu-fixed {background: #962228;}
#sp-header.menu-fixed-out #header-centre {padding-top:25px}
#sp-header.menu-fixed #header-centre {padding-top:15px;transition: all 400ms ease;}
#sp-header.menu-fixed, #sp-header.menu-fixed-out {
	position: fixed;
	z-index: 9999;
	top: 0;
	box-shadow: 0 0px 0px rgba(0,0,0,0.05);
	height: 70px;
}
#sp-header.menu-fixed .logo, #sp-header.menu-fixed-out .logo{
	height: 70px;
}
#sp-header.menu-fixed #offcanvas-toggler, #sp-header.menu-fixed-out #offcanvas-toggler {
	line-height: 70px;
  font-size:35px;
}
/*.item.item-page .page-header {display:none;}  nor article titles Impressum usw */

.spalte-volle-breite .sppb-col-md-12 {
  padding-right: 0!important;
  padding-left: 0!important;
}
.spalte-volle-breite .sppb-row-container {
	width: 1240px;
}
/********************* OFFCANVAS ***************************************/
.element-invisible {display:none!important;}
.offcanvas-menu {
	width: 320px;
	height: 100%;
	background-color: #333;
	color: #f9f9f9;
	position: fixed;
	top: 0;
	right: 0;
	-webkit-transform: translateX(320px);
	transform: translateX(320px);
	visibility: hidden;
	overflow: inherit;
	-webkit-transition: .5s;
	transition: .5s;
	z-index: 10000;
}
.offcanvas-inner .form-search .finder .input-medium,
.offcanvas-inner input[type="text"]{
width: 80%;
background: transparent;
border-color: #5f5f5f;
color: #fff;
  border-radius:0;
}
.offcanvas-inner .form-search .finder label {display:none;}
.offcanvas-menu .offcanvas-inner .sp-module:first-child {
	padding: 10px 20px;
}
/*.offcanvas-menu ul.nav li a:hover {color:#962228;}*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover,
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li > a:hover
{
    background:#962228!important;
}
/*** offcanvas kontakt phone only */
.offkontakt {padding:0 0 0 30px;margin-top:-40px;}
.offkontakt a {
	font-size: 16px;
	color: #ffffff;
	display:block:width:260px!important;
    margin-bottom:30px!important
}
/**** linien unten fix */
.offcanvas-menu .offcanvas-inner .sp-module.noline {
	border-bottom: 0px solid rgba(0,0,0,0);
}
.offcanvas-menu .offcanvas-inner .sp-module.topline {
	border-top: 0px solid rgba(0,0,0,0.8);
}
/*** Suchseite **/
#finder-search input#q {
	height: 52px;
	border-radius: 0;
  	font-size: inherit;
}
/**hero **/
.hero, .weiss, .hero .sppb-addon-title {color:#f5f5f5;}
.weiss a {color:#fff;text-decoration:underline;}
.weiss a.sppb-btn, .weiss a.btn {text-decoration:none;}
.weiss a:hover {color:#962228!important;text-decoration:none;background:#f9f9f9!important;}
.sp-page-title h3 { /* page title */
	font-size: 60px;
	line-height: 1;
	margin-top: 10px;
	color: #fff;
}
.sp-page-title h2, .sp-page-title h1, p.sppb-addon-title, .pagetitle-overline > h1.sppb-addon-title {  /* page subtitle */
    font-size: 22px!important;
    line-height:22px!important;
	letter-spacing: 6px;
	text-transform: uppercase;
	font-weight: 700;
 	color: #fff;
    padding:0px!important;margin:0!important;
}
/*** footer bottom */
#sp-bottom1 {padding-right:0!important;}
#sp-bottom2 {padding:0 30px 0 0!important;}
#sp-bottom a, #sp-bottom .nav.menu li a {
	font-size: 18px;
	color: #e5e5e5;
	padding: 5px 0;
	line-height: 1;
    text-decoration:underline;
}
#sp-bottom a:hover, #sp-bottom .nav.menu li a:hover{
  color: #e5e5e5;
	background-color:#962228;
  text-decoration:none;
}
#sp-bottom5 .acymailing_form .fieldacyemail input {
	background: rgb(115,115,115);
	color: rgba(255,255,255,0.7);
}
#sp-bottom .sp-module .sp-module-title {
	text-transform: none;
	font-weight: 700;
	font-size: 18px;
	color: rgb(115,115,115);
	margin-bottom: 10px;
}
.sppb-btn.sppb-btn-sm {
	border: 1px solid #FFFFFF!important;
	padding: 8px 15px!important;
	font-size: 14px!important;
	font-weight: 500!important;
}
/*** KE List bullets */
div[itemprop="articleBody"]  ul,
.sppb-addon-text ul,
.sppb-addon-text-block .sppb-addon-content ul,
.sppb-content-holder ul,
.com-spsimpleportfolio.view-item .beschreibung ul {
list-style-type: none !important;
padding: 0;
margin: 0;
}
div[itemprop="articleBody"] ul li,
.sppb-addon-text ul li,
.sppb-addon-text-block .sppb-addon-content ul li, 
.sppb-content-holder ul li,
.com-spsimpleportfolio.view-item .beschreibung ul li {
  background: url('/images/logo/KE_bullet.svg') no-repeat left 7px;
  background-size: 12px 12px;
  padding:0px 0px 12px 20px
}
div[itemprop="articleBody"] .weiss ul li,
.weiss .sppb-addon-text ul li,
.weiss .sppb-addon-text-block .sppb-addon-content ul li, 
.weiss .sppb-content-holder ul li,
.weiss .com-spsimpleportfolio.view-item .beschreibung ul li {
  background: url('/images/logo/KE_bullet_weiss.svg') no-repeat left 7px;
  background-size: 12px 12px;
  padding:0px 0px 12px 20px
}
/** category blog */
.entry-image.intro-image{display:none;}
.col-sm-4 .entry-header h2 {
	font-size: 30px;
	line-height: 36px;
}
.view-category #sp-main-body, .view-article #sp-main-body {
	padding: 30px 0;
}
.site .sp-page-title {
	padding: 150px 0 100px;
}

/* BUTTONS */
.btn.sppb-btn-primary, .btn.btn-primary, .sppb-btn.sppb-btn-primary, .sppb-btn.btn-primary {
	color: #FFFFFF;
	padding: 16px 48px;
	font-weight: 700;
	border: 0;
	border-radius: 0;
	font-size: 18px;
}
a:focus, a.btn::focus, a.sppb-btn:focus, *::-moz-focus-outer, button{outline:0 !important;}
.sppb-btn, .btn, button, .cr_button {border-radius:0!important;outline:0 !important;/*font-size:18px!important;*/font-weight:600!important;}
.btn.sppb-btn-primary, .btn.btn-primary, .sppb-btn.sppb-btn-primary, .sppb-btn.btn-primary, .cr_button {
	color: #f9f9f9;
	padding: 12px;
	font-weight: 300;
	border: 1px solid transparent !important;
	border-radius: 0px !important;

}
.sppb-btn-lg, .cr_button {padding:15px 30px!important;font-weight:600!important;font-size;22px!important;}
.sppb-btn-xlg {padding:20px 45px!important;font-weight:600!important;font-size;24px!important;}
.pager.pagenav li > span, .pager.pagenav li > a {
	border-radius: 0px!important;
	font-weight: 500!important;
}
.sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-title {
	font-weight: 700 !important;
}
a.sppb-btn-danger {background-color:#962228!important;border: 1px solid transparent !important;
	border-radius: 0px !important;}
a.sppb-btn-danger:hover {background-color:#602629!important;}
a.sppb-btn i.fa-file-pdf-o {margin-right:8px;} /* PDF icons in buttons*/

.cr_button {background-color:#5dc919;}
.cr_button:hover {background-color:#4d9fcc;}

.btn-success, .sppb-btn-success {
	color: #fff;
	background-color: #5dc919;
	border-color: #5dc919;
}
/* frontend login */
.com-users #sp-header {
	background: #2a2a2a !important;
}
/** frontend editng button ***/
.portfolio article.item > a {
	z-index:999999;
  	position:absolute;
  	top:130px;
  	right:50px;
}
/* Accordion **/
.sppb-panel-title {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 20px;
	font-weight: bolder;
	color: inherit;
}
.sppb-addon-accordion .sppb-panel-group .sppb-panel .sppb-panel-heading .sppb-panel-title,
.sppb-addon-accordion .sppb-panel-group .sppb-panel .sppb-panel-body .sppb-addon-content {
	color: #2a2a2a;
}
/** Jobs */
#jobs h3 {line-height:1!important;}
.entry-header h2 {
	margin: 20px 0 40px;
}
.sppb-addon-articles {
	margin-bottom: 0px !important;
}
sppb-addon.sppb-addon-articles .sppb-addon-article{
  display:block !important;
  width:100%!important;
   min-height:200px!important;
  background:none!important;
  background-color:#962228!important;
  margin:20px!important; padding:20px!important;
}


.sppb-addon.sppb-addon-articles .sppb-addon-article h3 {
	position: absolute;
	top: 20px!important;
	bottom: auto!important;
	left: 20px!important;
	font-size: 20px!important;
	font-weight: 500!important;
	margin: 0!important;
  line-height: 1.25;
}
sppb-addon.sppb-addon-articles  a.sppb-readmore {
	color: #fff;
	line-height: 1;
	position: absolute;
  bottom:30px;
  right:20px;
	font-size: 18px;
}
.sppb-addon.sppb-addon-articles .sppb-addon-article {
	margin: 10px !important;
}
.sppb-addon.sppb-addon-articles .sppb-addon-article::before {
	content: none;
	position: relative!important;
	left: 60%;
	top: 60%;
	opacity: 0!important;
}
#jobs a.sppb-btn {margin-top:50px!important;}
.sppb-addon-article > a > img{opacity:0.75;transition-duration: 0.5s;}
.sppb-addon-article > a > img:hover{opacity:1;transition-delay: 0.1s;transition-duration: 0.5s;}
@media screen and (max-width : 1024px)  { 
.sppb-addon.sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-category {
	position: absolute;
	top: -30px;
	left: -10px;
  }}
@media screen and (max-width : 959px)  { 
.sppb-addon.sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-category {
	position: absolute;
	top: -20px;
	left: 10px;
  }
}

/** FAQ */
.sppb-addon-accordion .sppb-panel-group .sppb-panel .sppb-panel-body {padding:20px 0;}

/**** Rocksprocket   content items portfolio *****/
.css-loader-wrapper {display:none!important;}
body.portfolio .hero .sppb-column-addons > div:nth-of-type(2) .sppb-addon-title{
  font-size:40px;line-height:50px;margin-top:100px!important;}
body.portfolio .hero .sppb-column-addons > div:nth-of-type(2) {
  margin-top:30px!important;}

body.portfolio .entry-header {margin-bottom:0;}
body.portfolio div[itemprop="articleBody"] {text-align:center;}
body.portfolio #sp-page-builder {text-align:left;}
body.portfolio .sp-page-title {background:#962228;height:70px;padding:0;background-image:none;}
body.portfolio #sp-main-body {padding:0;width: 100% !important;margin:0!important;}
body.portfolio .sp-simpleportfolio-image {margin: 40px 0;}
body.portfolio #sp-main-body > .container {width: 100% !important;text-align:center;
	padding-right: 0px!important;
	padding-left: 0px!important;
	margin-right: 0;
	margin-left: 0;
}
.portfolio  article.item {margin-bottom: 0px;}

.portfolio .hero h1, .portfolio .hero h2, .portfolio .hero h3 {
	font-size: 56px;
	color: #fff;
	background: #962228;
	display: inline;
	padding: 10px 10px 0 !important;
	line-height: 80px;
}
.portfolio .hero2 h3 {
	font-size: 56px;
	
}
#hero h1, #hero h2, #hero h3 {
    color: #fff;
	/*background: #962228;*/
	display: inline;
	padding: 0px 5px 5px 5px !important;
}

.portfolio .hero, .portfolio .hero2 {background-position:center 70px!important;}
/** zweispaltiger text */
.portfolio .sppb-addon-text-block p, p.spalten, .spalten p {
  column-width:   500px; 
   column-gap: 50px;
}

@media screen and (min-device-width: 960px) and (max-device-width: 1024px) { 
  .portfolio .sppb-addon-text-block p {column-width: 360px;}
}
/* textspalten */
body.portfolio .sppb-row {max-width:1170px;margin:auto;}
/* vollbild spalten */
body.portfolio .vollbild .sppb-row {max-width:9999px;margin:auto;}
body.portfolio .vollbild .sppb-row > div {padding:0!important;}

/*** Cookie policy  */
.sp-portfolio .hero h3 
.pwebbox-container {background-color:#2a2a2a!important;color:#f1f1f1!important;}

/*** roksprocket **/
.sprocket-mosaic-g-image-container img {height:240px !important;}
.sprocket-mosaic-g-item {height:240px !important;overflow:hidden;}
.sprocket-mosaic-g-title a {color:#f1f1f1;
  	font-size:30px;
	width: 100%;
	height: 100%;
	min-height: 200px;
	display: block;
}
.sprocket-mosaic-g-title a:hover {color:#fff;}
.sprocket-mosaic-g-readon {display:none;}
.sprocket-mosaic-g-filter {	float: inherit;text-align:center;padding-bottom:20px;}
.sprocket-mosaic-g-filter ul {}
.sprocket-mosaic-g-filter ul li {color:#333;background:none;font-weight:500;color:#555;}
.sprocket-mosaic-g-filter ul li:hover {border-bottom:2px solid #555;border-radius:0px;
transition-property: width;
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.sprocket-mosaic-g-filter ul li.active {color:#000;background:none;border-bottom:2px solid #962228;border-radius:0px;transition: width 2s ease-in-out 1s;}
.sprocket-mosaic-g-overlay .css-loader-wrapper,
.sprocket-quotes-overlay .css-loader-wrapper {
	padding: 8px !important;
}
/*** LOAD MORE */
.sprocket-mosaic-loadmore {
  color:#fff;
	background: #962228;
	border: 0px solid transparent;
	cursor: pointer;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
  padding:12px 8px 8px 8px;
}

.sprocket-mosaic-loadmore span {
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	line-height: 20px;
	text-align: center;
  font-weight:300;
}
.sprocket-mosaic-loadmore .spinner {background-repeat: no-repeat;background-position: 50% 50%; background-image:url('images/logo/KE_loader.png')!important;}
/** Sprocket strips */
/* default */
.sprocket-strips-container li {background:none !important;padding-left:0;}
.sprocket-strips-content {background:rgba(0,0,0,0.3);transition: all 400ms ease;}
.sprocket-strips-content:hover {background:rgba(255,255,255,0.1);transition: all 400ms ease;}
.sprocket-strips-title a {color:#f9f9f9;font-weight:700;width:100%;display:block;min-height:100px;}
.sprocket-strips-title a:hover {color:#602629;}
.sprocket-strips-item {	box-shadow: 0px 0px 0px rgba(255,255,255,0)!important;border-radius:0;}
/* parallel*/
.sprocket-strips-p-title {font-weight:700;}
.sprocket-strips-p-content .readon, .sprocket-strips-content .readon {display: none !important;}

/** Portfolio Gallery mit abstand */
.abstand .sprocket-mosaic-g-item {margin:10px;}

/** Sprocket mosaic default */
.sprocket-mosaic-filter {	float: inherit !important;text-align:center;padding-bottom:20px;}
.sprocket-mosaic-filter ul {}
.sprocket-mosaic-filter ul li {color:#333;background:none;font-weight:500;color:#555;border:none;text-transform:none;}
.sprocket-mosaic .sprocket-mosaic-order li, .sprocket-mosaic .sprocket-mosaic-filter li {
	text-transform: none;
}
.sprocket-mosaic-filter ul li:hover {border-bottom:2px solid #555;border-radius:0px;
transition-property: width;
  transition-duration: 0.3s;
  transition-delay: 0s;
}
.sprocket-mosaic-filter ul li.active {color:#000;background:none;border-bottom:2px solid #962228;border-radius:0px;transition: width 2s ease-in-out 1s;}
.sprocket-mosaic-overlay .css-loader-wrapper,
.sprocket-quotes-overlay .css-loader-wrapper {
	padding: 8px !important;
}
.sprocket-mosaic-item {
	border: 0px solid transparent!important;
	border-radius: 0px;
	background: rgba(0,0,0,0.05);
}
.sprocket-mosaic-item .sprocket-padding {
	padding: 0px;
}
.sprocket-mosaic-item .sprocket-mosaic-head {
	margin: 0 !important;
	padding: 10px 10px;
  
}
h2.sprocket-mosaic-title {font-size:25px;line-height:30px;margin:0px !important;}
.sprocket-mosaic-item .sprocket-mosaic-text {
	margin: 10px 0;
	display: none /*block*/;
}
.sprocket-readmore {display:none;}
.sprocket-mosaic .sprocket-mosaic-tags, #main .sprocket-mosaic ul.sprocket-mosaic-tags {
	margin: 0;
	padding: 5px 10px;
	background: none;
	border-radius: 0;
	font-size: 80%;
	font-style: normal;
  color:#2f2f2f;
  display: none /*block*/;
}
.sprocket-mosaic .sprocket-mosaic-tags li, #main .sprocket-mosaic ul.sprocket-mosaic-tags li {
	width: auto;
	margin-right: 5px;
	padding: 0;
	background: none;
	border-radius: 0px;
}
.sprocket-mosaic-hover {
	position: absolute;
	background-color: rgba(0,0,0,0);
	bottom: 0;
	right: 0;
	width: 366px;
	height: 244px;
  	margin-right: 0px !important;
	border-width: 0;
  	transition: all 400ms ease;
  	overflow:hidden;
}
.sprocket-mosaic-hover:hover {background-color: rgba(0,0,0,0)!important;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 366px;
	height: 244px;
  	transition: all 400ms ease;
}
.sprocket-mosaic-hovercontent {
display:none;
}
.sprocket-mosaic-image-container a:hover img {
	-webkit-transform: scale(1.08);
	transform: scale(1.08);
  	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
  	cursor:pointer;
}
.sprocket-mosaic-image-container a img {	
  	-webkit-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
#logos .sprocket-grids-b-image {padding:20px;}
.sprocket-grids-b-image-container img {filter: grayscale(100);}
/*** testimonials */
.hoch400 {min-height:400px!important;}
.sprocket-quotes-item {
	background: none;
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0,0,0,0);
}
.sprocket-quotes-item::after {
	content: "";
	border-width: 0;
	border-style: none;
	border-color: none;
	}
.sprocket-quotes-item::before {
	content: "";
	border-width: 0;
	border-style: none;
	border-color: rgba(0,0,0,0) transparent;
}

/*** pie chart headlines */
.sppb-addon-pie-progress .sppb-addon-title {
	font-size: 20px;
  line-height:30px;
	letter-spacing: 0px;
	font-weight: 500;
	text-transform: none;
	margin-top: 15px;
}

/*** Kundenname im Titel in Portfolio-Kachel */
.kunde {font-size:20px;line-height:24px;font-weight:300;}

/*** links unterstreichen  */
.inhalt .page-content p a, div[itemprop="articleBody"] p a {text-decoration:underline;}
.inhalt .page-content p a:hover, div[itemprop="articleBody"] p a:hover {background:#962228;color:#fff;text-decoration:none;}

/*** zurückbutton */
.backbutton {
  	background:#962228;
  	padding:8px;
  	font-size:34px;
	cursor:pointer;
  	z-index:9999;
	border-color: rgb(120,4,10);
  	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
	position:fixed;
    left:0;
    top:125px;
	width: 42px;
	height: 142px;

}
.backbutton a {
	color: #f5f5f5;
	font-size: 20px;
	font-family: Raleway;
	font-weight: 700;
	transform-origin: 0% 50%;
	-ms-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	white-space: nowrap;
	position: absolute;
	bottom: 10px;
	left: 20px;
}
.backbutton a:hover {color: #fff;}
.backbutton a i {padding-left:15px;}

/*** kontakt toggler */
.pweb-icon {}
.pweb-text{margin-right:25px;font-weight:700;text-shadow: 0px 0px 0px rgba(255,255,255,0)!important;}
/*.pweb-text::after {
  content:"   \f054";
  font-family:'FontAwesome'
}*/
.pwebbox-container {height:75px;vertical-align:middle; padding-top:40px!important;}
.pwebbox-container a {color:#2a2a2a;}
.pwebbox-container a:hover {color:#962228;text-decoration:underline;}

/*** Jobs */
#jobs a {text-decoration:none;}
#jobs a:hover {text-decoration:underline;background:none;}

/******* ANIMATED HEADLINES   ******************/

.sppb-addon-animated-headlines-bg {
		position: relative;
	color: #fff;
	padding: 0;
  height:0px;
}
.sppb-addon-animated-headlines-bg .cd-intro {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 99%;
  max-width: 1170px;
  text-align: center;
  margin: 4em auto;
  height: 150px;
}
.sppb-addon-animated-headlines-bg .cd-intro h1,
.sppb-addon-animated-headlines-bg .cd-intro h2,
.sppb-addon-animated-headlines-bg .cd-intro h3,
.sppb-addon-animated-headlines-bg .cd-intro h4 {
  color: #fff;
}
.sppb-addon-animated-headlines-bg .cd-intro h1 {
  font-size: 60px;
}
.sppb-addon-animated-headlines-bg .cd-intro h3 {
  font-size: 30px;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline {
  margin-bottom: 40px;line-height: 70px;
}
.sppb-addon-animated-headlines-bg .cd-intro .details {
  margin-bottom: 0px;
  line-height: 150%;
}
.sppb-addon-animated-headlines-bg .cd-intro .sppb-fw-slider-button-wrapper a.sppb-animated-headlines-read-more {
  display:none;

}
.sppb-addon-animated-headlines-bg .cd-intro .sppb-fw-slider-button-wrapper a.sppb-animated-headlines-read-more:hover {
  background: rgba(0,0,0,0.9);
}
.sppb-addon-animated-headlines-bg .cd-intro .sppb-fw-slider-button-wrapper a.sppb-animated-headlines-read-more i {
  padding-right: 7px;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper {
  display: inline-block;
  position: relative;
  text-align: left;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper b {
  display: inline-block;
  position: absolute;
  white-space: wrap;
  text-align:center;
  left: 0;
  top: 0;
  font-size:60px;
  font-style: normal !important;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper b.is-visible {
  position: relative;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .no-js .cd-words-wrapper b {
  opacity: 0;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .no-js .cd-words-wrapper b.is-visible {
  opacity: 1;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper {
  vertical-align: top;
  overflow: hidden;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper::after {
 display:none;
  }
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper.waiting::after {
  -webkit-animation: cd-pulse 1s infinite;
  -moz-animation: cd-pulse 1s infinite;
  animation: cd-pulse 1s infinite;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper.selected::after {
  visibility: hidden;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline .cd-words-wrapper.selected b {
  color: #fff;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline b {
  visibility: hidden;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline b.is-visible {
  visibility: visible;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline i {
  position: absolute;
  visibility: hidden;
  font-style: normal;
}
.sppb-addon-animated-headlines-bg .cd-intro .cd-headline i.in {
  position: relative;
  visibility: visible;
}
@-webkit-keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@-moz-keyframes cd-pulse {
  0% {
    -moz-transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -moz-transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@keyframes cd-pulse {
  0% {
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-50%) scale(0.9);
    -moz-transform: translateY(-50%) scale(0.9);
    -ms-transform: translateY(-50%) scale(0.9);
    -o-transform: translateY(-50%) scale(0.9);
    transform: translateY(-50%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%) scale(0);
    -moz-transform: translateY(-50%) scale(0);
    -ms-transform: translateY(-50%) scale(0);
    -o-transform: translateY(-50%) scale(0);
    transform: translateY(-50%) scale(0);
    opacity: 0;
  }
}
@media only screen and (min-width: 768px) {
  .cd-intro {
    margin: 5em auto;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-intro {
    margin: 6em auto;
  }
}
@media only screen and (min-width: 768px) {
  .cd-headline {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-headline {
    font-size: 18px;
  }
}
.sppb-fw-slider-button-wrapper {display:none;}
/********* END ANIMATED HEADLINES */


.flip-mw .sppb-flipbox-panel,.flipmw .sppb-flipbox-panel > div {padding:0!important;}
.flip-mw .sppb-flipbox-front, .flip-mw .sppb-flipbox-back,
.flip-td .sppb-flipbox-front, .flip-td .sppb-flipbox-back{
  padding:0;}

a.flip-link {display:inline-block;height:400px;width:100%;cursor:pointer;}
.sp-page-builder .sppb-section { will-change: transform;}

/* images */
.max36 img {max-width:36px !important;}
.max50 img {max-width:50px !important;}
.max80 img {max-width:80px !important;}
.max100 img {max-width:100px !important;}
.max120 img {max-width:120px !important;}
.max150 img {max-width:150px !important;}
.max200 img {max-width:200px !important;}
.max250 img {max-width:250px !important;}
.max300 img {max-width:300px !important;}
.max400 img {max-width:400px !important;}
.max500 img {max-width:500px !important;}
.max600 img {max-width:600px !important;}



/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
  .portfolio .hero h1, .portfolio .hero h2, .portfolio .hero h3
	{
	font-size: 36px;line-height:48px;
		
	}
.hidden-tablet {display:none!important;visibility:hidden;}
  div.hero.sppb-section.hero, .portfolio .hero, .portfolio .hero2 {padding-top:120px!important;}
  .tablet-nobackground {background:none;background-image:none!important;}
}
/* Small Devices*/
@media only screen and (max-width : 959px) {
   .portfolio .hero h1, .portfolio .hero h2, .portfolio .hero h3
  {	font-size: 30px;line-height:38px;}
 .hidden-pone, .hidden-phone * {display:none!important;visibility:hidden!important;}
 .visible-phone-only {display:inherit;}
  .offcanvas-menu .sp-module {
    margin: 0 0 30px 0!important;
    
}
    h1, h1.sppb-addon-title  {font-size:34px line-height:40px}
  h2, h2.sppb-addon-title  {font-size:28px ;line-height:33px;}
  .portfolio h1.sppb-addon-title {font-size:24px!important;line-height:30px!important;}
  h3, h3.sppb-addon-title  {font-size:24px !important;line-height:30px!important;}
  p.sppb-addon-title {font-size:16px!important;}
 div.hero.sppb-section.hero, .portfolio .hero, .portfolio .hero2 {padding-top:120px!important;}
 
}
@media only screen and (max-width : 767px) {
   .phone-nobackground {background:none;background-image:none!important;}
ul.social-icons {
	text-align: left;
}
}
@media only screen and (min-width : 1025px) {
  .visible-phone-only {display:none;}
}
/*** INTERNET EXPLORER */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .ie-hidden{display:none!important;}
  
}
/**** Akkordion mit toggle-pfeilen chevorn */
.sppb-addon-accordion .sppb-panel-heading::after {content:"\f054";font-family:'FontAwesome';color:#2a2a2a;float:right;}
.sppb-addon-accordion .sppb-panel-heading.active::after {content:"\f078";font-family:'FontAwesome';color:#2a2a2a;float:right;}
/* kein hintergrund bei verlinkten Icons */
.sppb-icon a:hover{background:none!important;}
.Weiss a:hover i {color:#962228;transition-duration: 0.3s;}

/* frontend editing */
#sp-page-builder .sp-pagebuilder-page-edit {
	top: 95px;
	right: 20px;
	z-index: 99999999;
}

/* flipbox alternative*/
.flipbox-alt:hover {
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.5s;
}
.flipbox-alt {
    opacity: 0.85;
    transition-delay: 0.1s;
    transition-duration: 0.5s;
  width:100%;
  padding:20px;
  color:#fff;
  text-align:center;
  height:280px;
}
.flipbox-alt i.fa {font-size: 25px; background-color: #fff; display: inline-block; color: #2c2c2c; width: 60px; height: 60px; line-height: 60px; border-radius: 50%;}
.flipbox-alt a.link{  text-decoration:none;display:inline-block;width:99%;height:239px;}

/** flipox alternative startseite */
.flipbox-startseite:hover {
    opacity: 1;
    transition-delay: 0.1s;
    transition-duration: 0.5s;
}
.flipbox-startseite .fliptext {visibility:hidden;color:#fff;
    transition-duration: 0.3s;}
.flipbox-startseite:hover .fliptext {visibility:visible;
    transition-duration: 0.3s;}
.flipbox-startseite {
    opacity: 0.85;
    transition-delay: 0.1s;
    transition-duration: 0.5s;
  width:100%;
  padding:20px;
  color:#fff;
  text-align:center;
  height:400px;
}
.flipbox-startseite i.big {font-size:80px;color:#f1f1f1;width:120px;height:120px;line-height:120px;margin:50px auto 30px auto;}

.flipbox-startseite a.link {text-decoration:none;display:block;width:100%;height:360px;color:#fff;}
/*** SCCORDIN AKKORDEON **/
.sppb-addon-accordion .sppb-panel-group .sppb-panel {
	background: #eee;
	border: 0;
	border-radius: 0;
	padding: 30px;
	margin-bottom: 5px;
}
.sppb-addon-accordion .sppb-panel-title {
	font-weight: 700;
}
.sppb-addon-accordion .sppb-panel-info .sppb-panel-heading i {
	color: #962228;
}


/**** CLEVERREACH FORMULARE ***/
.cr_form select,.cr_form textarea,.cr_form input[type="text"],.cr_form input[type="password"],.cr_form input[type="datetime"],.cr_form input[type="datetime-local"],.cr_form input[type="date"],.cr_form input[type="month"], .cr_form input[type="time"],.cr_form input[type="week"],.cr_form input[type="number"],.cr_form input[type="email"], .cr_form input[type="url"],.cr_form input[type="search"],.cr_form input[type="tel"],.cr_form input[type="color"] {
	display: inline-block;
	height: 42px;
  	min-width:256px;
	padding: 8px 12px;
  	margin-bottom:30px;
	font-size: 16px;
	line-height: 1.428571429;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #f9f9f9;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.cr_body.formbox .editable_content > div {
	display: inline-block;	
}

.cr_button {margin-top:2px;}

@media only screen and (max-width : 1025px) {
.cr_body.formbox .editable_content > div, .cr_form label {
	display: block
	}
  
}
/**** Landing page survival ****/
.survival .sppb-addon-feature {min-height:290px;padding-top:45px;}

/*** MODAL Popup Cleverreach Formular ***/
.mfp-content .cr_body.formbox .editable_content > div {
	display: inline-block;
	padding-right: 30px;
	width: 100%;
}
/**** Cleverreach Formular  ***/
div.cr_ipe_item {width:100%;}
.cr_form select, .cr_form textarea, .cr_form input[type="text"], .cr_form input[type="password"], .cr_form input[type="datetime"], .cr_form input[type="datetime-local"], .cr_form input[type="date"], .cr_form input[type="month"], .cr_form input[type="time"], .cr_form input[type="week"], .cr_form input[type="number"], .cr_form input[type="email"], .cr_form input[type="url"], .cr_form input[type="search"], .cr_form input[type="tel"], .cr_form input[type="color"] {
	display: inline-block;
	height: 42px;
	min-width: 256px;
	padding: 8px 12px;
	margin-bottom: 30px;
	font-size: 18px;
	line-height: 1.428571429;
	color: #222!important;
	background-color: #ddd;
	background-image: none;
	border: 1px solid #ddd;
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	box-shadow: inset 0 0px 0px rgba(0,0,0,0);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  	width: 100%;
}

 input[type="radio"], input[type="checkbox"] {
	width: auto;
   margin-right: 25px;
	margin-bottom: 10px;
}
.cr_form label {
  font-size:16px;
  color:#333;
  display:block;
}
.Weiss .cr_form label {color:#fff;}
/**** Cookiebot **/
#CybotCookiebotDialogPoweredbyLink, #CybotCookiebotDialogBodyContentTitle {display:none;}

@media screen and (min-width:1400px){
.portfolio .container {
	max-width: 100%!important;
} 
}
}
/*** SOCIAL **/
/*ul.social-icons {margin:20px 0;}*/
#sp-bottom1 ul.social-icons li a:hover{
color: #962228;
background-color: none;
text-decoration: none;}
#sp-bottom1 ul.social-icons li {padding-right:20px;
    font-size: 24px;}
/********* SOCIAL ICONS CUSTOM MODULE ***************/
.sp-module ul.social-icons {
  list-style: none!important;
  padding: 0!important;
  margin: -5px!important;
  display: inline-block!important;
}
.sp-module ul.social-icons > li {
  display: inline-block!important;
  margin: 0!important;
  border:none!important;
}
.sp-module ul.social-icons >li a {
  color: #ffffff!important;
}
.sp-module ul.social-icons > li > a::before {
	content:none!important;
	margin-right:0!important;
}
ul.-no-list li::before,
ul.-no-list li a::before {
  content:none!important;
}
/*** offcanvas font-size */
.offcanvas-menu .offcanvas-inner .sp-module ul.social-icons > li a {
	font-size: 18px!important;
}
.sp-module.nomargintop{margin-top:20px!important;}