/**** footer */
@font-face {
font-family: 'Acumin';
font-display: swap;   
  src:url('../fonts/Acumin.ttf') format('truetype'); 
}
 
/* roboto-300 - latin */
@font-face {
  font-display: swap;   font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-300italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/roboto-v30-latin-300italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-italic - latin */
@font-face {
  font-display: swap; 
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/roboto-v30-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/roboto-v30-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/roboto-v30-latin-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*********************** ****************************************************************************************** */


@view-transition {
    navigation: auto;
}
/******************* FARBEN COLOURS COLORS ************************************************/
/** text-markierung */
::selection,
::-moz-selection {color:var(--bs-white); background:var(--ke-accent);}

:root, html {
  font-size:22px;
}
.kleiner {font-size: 85%;}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #497A8C;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: rgb(48,80,92);
  --bs-teal: #20c997;
  --bs-cyan: #05EBDB;
  --bs-white: #fff;
  --bs-gray: #97a7ad;
  --bs-gray-dark: rgb(151,167,173);
  --bs-primary: rgb(48,80,92);
  --bs-secondary: #6c757d;
  --bs-success: #05EBDB;
  --bs-info: rgb(112,112,112);
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: rgb(247,249,249);
  --bs-dark: rgb(27, 44, 50);
  --bs-transparent:rgba(0,0,0,0);
  --bs-font-sans-serif: Roboto, "Helvetica Neue", Arial, "Noto Sans",  sans-serif, system-ui, -apple-system, "Segoe UI", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-size:20px;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-link-color:var(--bs-primary);
  --ke-header-height: 90px;
  --ke-accent: #05EBDB;
  --ke-blue-dark:#72b8c4;
  --ke-blue: /*#b8dbe1 */ #72B8C4 ;
  --ke-blue-light:#4d9fcc;
  --ke-gray-dark:#97a7ad;
  --ke-gray:#cbd3d6;
  --ke-gray-light:#cbd3d6;
}

.bg-accent {background-color:var(--ke-accent)!important;}
.bg-green {background-color:var(--bs-green)!important;}
.bg-gray {background-color:var(--bs-gray)!important;}
.bg-light {background-color:var(--bs-light)!important;}
.bg-primary {background-color:var(--bs-primary)!important;}
.bg-gray-dark {background-color:var(--ke-gray-dark)!important;}
.bg-gray {background-color:var(--ke-gray-light)!important;}
.bg-gray-light {background-color:var(--ke-gray-light)!important;}
.bg-blue-dark {background-color:var(--ke-blue-dark)!important;}
.bg-blue {background-color:var(--ke-blue)!important;}
.bg-blue-light {background-color:var(--ke-blue-light)!important;}
.bg-indigo {background-color:var(--bs-indigo)!important;}
.bg-primary-trans {background-color:var(--bs-primary)!important;opacity: 0.7;}

/********* LEISTUNGEN BOXEN QUADRAT ***/
.quadrat-zeile .sppb-row-column {
  margin:0 0 30px 0; 
}
.quadrat {
  padding:60px 0;
  border-radius: 30px;
}
.outline-neon {
	border-width: 2px;
	border-color: var(--ke-accent);
	border-style: solid;
}
.outline-white {
	border-width: 2px;
	border-color: var(--bs-white);
	border-style: solid;
}
.outline-primary{
	border-width: 2px;
	border-color: var(--bs-primary);
	border-style: solid;
}
/*** FONT COLORS **/
.bg-primary * {color:var(--bs-white)!important;}
.Accent * {color:var(--ke-accent)!important;}
.Weiss * {color:var(--bs-white)!important;-webkit-text-stroke-color:var(--bs-white)!important;}
.Weiss a.sppb-btn-success {color:var(--bs-primary)!important;}
.Weiss a.sppb-btn-success:hover {color:var(--ke-accent)!important;}



/**** Spalten boxen */
.bg-indigo.quadrat {
background-blend-mode: multiply;}
/**** headlines ***/
h1, .h1, h2, .kontaktcta h2 {
  font-family: "Acumin",sans-serif !important;
  font-variation-settings: 'wght' 900, 'wdth' 100, 'slnt' 0;
  text-transform:uppercase !important;
  margin-bottom:2rem!important;
  color: var(--bs-primary);
  
}

.stoerer a {
  font-family: "Acumin",sans-serif !important;
  font-variation-settings: 'wght' 800, 'wdth' 100, 'slnt' 0;
  }
.herohead h1 {  
  font-size: /*7rem!important;*/ 16vh;
  padding-bottom: 5vh!important;
  
             }
.herohead h1, .herohead h2 {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--bs-transparent);
   color:var(--bs-primary);
  line-height:.95;
  text-align:left;
}
.herohead h1 .outline,
.herohead h2 .outline {  
  color:transparent!important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--bs-primary);
}
.herohead.success h1,
.herohead.success h2 {
 color:var(--bs-success)!important;
  }
.herohead.success h1 .outline,
.herohead.success h2 .outline{
  color:transparent!important;
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: var(--bs-success);
}


h3,h4,h5,h6 {
  font-family: 'Roboto',sans-serif !important;
 font-family:'Roboto';
font-weight:500;
  color: var(--bs-primary);
}
h2, .h2 {
 /* color: var(--bs-primary);
  font-weight:900; 
  font-size:3rem;*/
}

h3 {font-weight:700; font-size:1.5rem;}
h6 {font-size:1rem;}



/***** template layout fixes ***/
#sp-header > .container {
    max-width: 100%;
    padding: 0 50px;
  }
#sp-header, #sp-header .logo { 
	height: var( --ke-header-height)!important;
}
/*
#sp-header .logo, .logo-image {
  height: calc(var( --ke-header-height) * .66)!important;
}
*/
.logo-image-phone {
	height: calc(var( --ke-header-height) * .5) !important;
	margin: 1rem 0;
}
 #modal-menu.has-bg { 
   top: var( --ke-header-height)!important;
   }
/************* HEADER MENU   ****************************/
#sp-header {
	position: absolute;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); 
}
.burger-icon > span {
	display: block;
	height: 3px;
	background-color: #f9f9f9;
	margin: 5px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
}
#modal-menu.has-bg {
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
    background: var(--bs-green);
}
/*** hide submenu items in modal menu   */
li.sp-menu-item.sp-has-child > .sp-dropdown-main {
  display:none!important;
}
#modal-menu ul.sp-megamenu-parent li.sp-has-child > a::after, #modal-menu ul.sp-megamenu-parent li.sp-has-child > span::after {
	content: "";
	display:none!important;
}
.com_sppagebuilder #sp-header {
  background: var(--bs-tranparent); 
  color:#fff;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: background 0.45s linear;
}
#sp-header,
.modal-menu-active #sp-header,
#sp-header.header-sticky {
  background: var(--bs-green); 
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
  transition: background 0.2s linear;
}
/**** mobile header fix */
@media (max-width:991px){
  #sp-header > .container {
	padding: 0 10vw 0 5vw;
}
#sp-logo.has-border {
	width: 100vw !important;
}
#sp-logo.has-border .sp-column {
	width: 100vw;
}
#sp-header .logo, .logo-image {
	height: calc(var( --ke-header-height) * .9) !important;
}
body.ltr #offcanvas-toggler.offcanvas-toggler-left {
	position: absolute;
	right: -3vw;
  margin-right:0;
}
.offcanvas-overlay {
	background: var(--bs-primary)!important;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}
.offcanvas-menu {
	width: 100%;
}
.offcanvas-menu .offcanvas-inner .sp-module {
	margin: 0 15vw;
	float: right;
}
body.ltr.offcanvs-position-left .offcanvas-menu {
	left: -5000px;
}
.offcanvas-menu .offcanvas-inner ul.menu > li > a, .offcanvas-menu .offcanvas-inner ul.menu > li > span {
	font-size: 1rem;
	padding: .5rem 0;
	position: relative;
	line-height: 1.4rem;
	opacity: 1;
    color:var(--bs-white);
    text-transform:uppercase;
}
.offcanvas-menu .offcanvas-inner ul.menu > li.active,
.offcanvas-menu .offcanvas-inner ul.menu > li.active a,
.offcanvas-menu .offcanvas-inner ul.menu > li.active span {
  color:var(--bs-success)!important;
}
body.ltr .close-offcanvas {
	right: 10vw !important;
}
/***    ***/
}
@media (max-width: 767px) {
  body.ltr .close-offcanvas {
    right: 20vw;
  }
  body.ltr #offcanvas-toggler.offcanvas-toggler-left {
	right: 0;
  }
}
/***  end mobile header fix  ***/
#modal-menu ul.sp-megamenu-parent > li > a, #modal-menu ul.sp-megamenu-parent > li > span {
	font-size: 2.5rem;
	font-weight: 500;
	line-height: 1.4;
	text-transform: uppercase;
}
#modal-menu ul.sp-megamenu-parent > li:not(:last-child) {
	margin-bottom: 0;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;  
	padding: 0;
	line-height: inherit;
	font-size: inherit;
	margin: 0;
}
#sp-header.header-with-modal-menu a {
  color: var(--bs-white);
  text-transform:uppercase !important;
  letter-spacing:2px;
}
#sp-header.header-with-modal-menu li:hover a,
#sp-header.header-with-modal-menu li.active a{
	color: var(--bs-success);
}
#sp-header.header-with-modal-menu li.active a{
  margin-right:-1rem;
  transition: .4s;
}
#sp-header.header-with-modal-menu.classic-layout .modal-menu-inner > div .sp-megamenu-wrapper {
	align-items: right;
	flex-direction: row-reverse;
	text-align: right;
}
#sp-footer {
	font-size: .7rem;
	padding: 0 2vw;
}

div[itemprop="articleBody"] > #sp-main-body {padding:0;}


  .portfolio #sp-main-body > .container {
    max-width: 100%;
    padding: 0 !important;
  }
#hero {background-position: 50% 0!important;}
/*** portfolio article view ***/

.portfolio #sp-main-body .container {
    max-width: 100vw!important;
	padding: 0;
	margin: 115px 0 0 0;
}

/**************large screens */
@media (min-width: 1400px) {

}
#sp-main-body {
	padding: 150px 0;
}
.portfolio #sp-main-body {
  padding:0;
}
.article-details .article-can-edit {
	margin-bottom: 0;
}

.article-details .article-header h1, .article-details .article-header h2 {
	/*font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;*/
	color: inherit;
}
*/html, body, p,  div, .sppb-btn{
font-family:'Roboto', sans-serif;
font-weight:400;
color: var(--bs-dark);
}
main a {color:var(--bs-primary);}
a:hover {color:var(--bs-success);}

footer a {color:var(--bs-light);}
/* #footer a:hover {color:var(--bs-success);}*/

/********** BUTTONS ******************/
body .sppb-btn, body .btn {
	border: 1px solid transparent;
	font-size: .85rem;
    text-transform:uppercase;
    letter-spacing:1px;
	font-weight: 400;
	line-height: 1.2;
	white-space: normal;
	padding: .6rem 1.4rem;
	display: inline-block;
  border-radius:0!important;
}
body .sppb-btn.sppb-btn-primary, 
body .sppb-btn.btn-primary, 
body .btn.sppb-btn-primary, body .btn.btn-primary,
body .sppb-btn.sppb-btn-primary:focus, 
body .sppb-btn.btn-primary:focus, 
body .btn.sppb-btn-primary:focus, body .btn.btn-primary:focus {
	background-color: var(--bs-primary);
    border-color: var(--bs-primary);
	color: var(--bs-success);
}

body .sppb-btn.sppb-btn-primary:hover,  
body .sppb-btn.btn-primary:hover, 
body .btn.sppb-btn-primary:hover, 
body .btn.btn-primary:hover {
	background-color: var(--bs-success);
    border-color: var(--bs-primary);
	color: var(--bs-primary)!important;
}
body .sppb-btn.sppb-btn-secondary, 
.Weiss .sppb-btn.sppb-btn-secondary, 
body .sppb-btn.btn-secondary, 
body .btn.sppb-btn-secondary, body .btn.btn-secondary,
body .sppb-btn.sppb-btn-secondary:focus, 
body .sppb-btn.btn-secondary:focus, 
body .btn.sppb-btn-secondary:focus, body .btn.btn-secondary:focus {
	background-color: transparent;
    border-color: var(--ke-accent);
	color: var(--ke-accent)!important;
}

body .sppb-btn.sppb-btn-secondary:hover, 
.Weiss .sppb-btn.sppb-btn-secondary:hover, 
body .sppb-btn.btn-secondary:hover, 
body .btn.sppb-btn-secondary:hover, 
body .btn.btn-secondary:hover {
	background-color: var(--ke-accent);
    border-color: var(--ke-accent);
	color: var(--bs-primary)!important;
}

.sppb-btn-success {
	color: var(--bs-primary) !important;
	background-color: var(--bs-success);
	border-color: var(--bs-success);
}
.sppb-btn-success:hover {
	color: var(--bs-success)!important;
	background-color: var(--bs-primary);
	border-color:var(--bs-success);
}

body, .sp-preloader {
	background-color: var(--bs-white);
    color: var(--bs-dark);
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	color: var(--bs-white);
	border: 1px solid var(--bs-white);
	border-radius: 0;
  /*display: inline-block;
	padding: 7px 12px;
	margin: 3px;
	font-size: 12px;
	letter-spacing: 2px;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background: 0 0;
	
	text-decoration: none;
	text-transform: uppercase;
	opacity: 0;
	-webkit-transform: scale3d(0,0,0);
	transform: scale3d(0,0,0);
	-webkit-transition: all .4s;
	transition: all .4s;*/
}
/***** sprechblasen an bild hellgrün ***/
.bubble * {font-size:1.5rem;
           color:var(--bs-primary);
           font-weight:700;
         }
@media (min-width:768px) {
.bubble { left:50%!important;}
  }
@media (max-width:767px) {
.bubble { left:0%!important;}
  }
/***** STÖRER RUND *****/
.stoerer * {
  font-family: "Acumin",sans-serif !important;
  font-variation-settings: 'wght' 900, 'wdth' 100, 'slnt' 0;
  font-size: 1.25rem;
  color:var(--bs-primary);
  text-decoration:none;
  text-align:center;
  line-height:1.1;
}
.stoerer { transition:.3s;}

/**** Links in Störer und Flipbox   */
.stoerer:hover, 
.stoerer a:hover, 
.sppb-flipbox-panel a:hover {
  color:var(--bs-dark)!important;
  transform:scale(1.1);transition:.2s;
}

.speech a {}
.stoerer a:after {content:" →";}
.stoerer a:after {display:block;}
.stoerer .sppb-addon-content > p {
	margin: .9vw;
}
/* (A) SPEECH BOX */
.speech .sppb-flipbox-panel > div,
.sppb-addon-image-content.bubble .sppb-col-sm-6{
  /* (A1) FONT & COLORS */
  /*background: var(--bs-primary);*/

  /* (A2) DIMENSIONS */
  padding: 20px;
  border-radius: 1.5rem;
  max-width: 100%;
}
.sppb-div-addon.bubble > div > div,
.sppb-addon-image-content.bubble .sppb-content-holder{
  background: var(--bs-success);
  padding: 2rem 5% 2rem 12%;
  border-radius: 1.5rem;
  max-width: 27rem;
  margin: 0 auto;
}

.speech .sppb-flipbox-front{
  background: var(--bs-primary);
  color: var(--bs-light);
}
/*** alterante background bubble */
.speech.alt .sppb-flipbox-front {
  background: var(--bs-indigo);
}
.speech .sppb-flipbox-back,
.sppb-div-addon.bubble > div > div,
.sppb-addon-image-content.bubble .sppb-content-holder{background: var(--bs-success);color: var(--bs-primary);}

.sppb-flipbox-front * {
  color: var(--bs-light);
}
.sppb-flipbox-panel p{
  font-weight:300;
}

.sppb-flipbox-panel h3 {line-height: 0.95;}

/* (B) USE ::AFTER TO CREATE THE "CALLOUT" */
.speech .sppb-flipbox-panel > div::after,
.sppb-div-addon.bubble > div::after,
.sppb-addon-image-content.bubble .sppb-content-holder::after {
  display: block; 
  width: 0; 
  content: "";
  border: 15px solid transparent;
}
 
/* (C) "CALLOUT" DIRECTIONS */
.speech.up .sppb-flipbox-panel .sppb-flipbox-front::after {
  border-bottom-color: var(--bs-primary);
  border-top: 0;
}
.speech.down .sppb-flipbox-panel .sppb-flipbox-front::after {
  border-top-color: var(--bs-primary);
  border-bottom: 0;
}
.speech.down.alt .sppb-flipbox-panel .sppb-flipbox-front::after {
	border-top-color: var(--bs-indigo);
}
.speech.left .sppb-flipbox-panel .sppb-flipbox-front::after {
  border-right-color: var(--bs-primary);
  border-left: 0;
}
.speech.right .sppb-flipbox-panel .sppb-flipbox-front::after {
  border-left-color: var(--bs-primary);
  border-right: 0;
}
.speech.up .sppb-flipbox-panel .sppb-flipbox-back::after {
  border-bottom-color: var(--bs-success);
  border-top: 0;
}
.speech.down .sppb-flipbox-panel .sppb-flipbox-back::after,
.sppb-div-addon.bubble > div::after {
  border-top-color: var(--bs-success);
  border-bottom: 0;
}
.speech.left .sppb-flipbox-panel .sppb-flipbox-back::after {
  border-right-color: var(--bs-success);
  border-left: 0;
}
.speech.right .sppb-flipbox-panel .sppb-flipbox-back::after {
  border-left-color: var(--bs-success);
  border-right: 0;
}
/* (D) POSITION THE CALLOUT */
.speech .sppb-flipbox-panel,
.sppb-div-addon.bubble {
  position: relative;
  margin-bottom: 30px;
}
.speech .sppb-flipbox-panel > div::after,
.sppb-div-addon.bubble > div::after{ position: absolute; }
.speech.up.sppb-flipbox-panel > div::after {
  top: -14px; left: calc(50% - 15px);
}
.speech.down .sppb-flipbox-panel > .flip-box::after,
.sppb-div-addon.bubble > div::after{
  bottom: -14px; left: calc(50% - 15px);
}
.speech.left .sppb-flipbox-panel > div::after {
  left: -14px; top: calc(50% - 15px);
}
.speech.right .sppb-flipbox-panel > div::after {
  right: -14px; top: calc(50% - 15px);
}
/*** damit sprechblasenpfeil sichtbar ist:  */
.speech .sppb-flipbox-panel .sppb-flipbox-back, .speech .sppb-flipbox-panel .sppb-flipbox-front {
	overflow: visible;
}
/******** FONT SIZES DESKTOP ************/
@media (min-width:1200px) {

::root, html, body {
font-size:20px;
line-jheight:1.25;
}
  
.h1, h1 {
	font-size: 56px;
}
.h2, h2 {
	font-size: 44px;
}
.herohead h2 {font-size: 6vh;}
.sppb-addon-content ul {
  /*list-style: square;*/
}
.sppb-addon-content ol, .sppb-addon-content ul {
	padding-left: 1rem;
}
/* SPALTEN */
p.spalten, .spalten p {
	column-width: 500px;
	column-gap: 50px;
}

}

/*************** PHONE *************************/
.stoerer .sppb-addon-content > p {
	margin: 0;
	padding: 0;
}
@media (max-width:767px) {
.stoerer .sppb-addon-content > p {
	margin-top: -3rem;
	padding-bottom: 1.5rem;
}
}
@media (max-width:1199px) {
.sppb-flipbox-panel p.kleiner {
	display:none;
}
}

/************ PORTFOLIO MINITEK WALL ****/
.mwall-sortings .sorting-group,
.mwall-filters-group.button-group.button-group-tag.mwall-buttons > span {
	display: none;
}

#mwall_items_1 .mwall-big .mwall-item-inner,
#mwall_items_1 .mwall-horizontal .mwall-item-inner,
#mwall_items_1 .mwall-item-inner{
	background-color: var(--bs-primary) !important;opacity:.85;
}

/**** link zu item  */
#mwall_items_1 .mwall-hover-box h3.mwall-title a, #mwall_items_1 .mwall-hover-box h3.mwall-title span {
	color: var(--bs-primary)!important;
  display:inline-block;
  background-color: var(--bs-success);
padding: 10px 40px;
  border-radius: 20px;
}

#mwall_items_1 .mwall-detail-box h3.mwall-title a, #mwall_items_1 .mwall-detail-box h3.mwall-title span {
	color: rgba(255,255,255, 0.9) !important;
}



/******************** SP ADDONS ********************/
/*********** TESTIMONIAL ********************************/
.sppb-addon-testimonial {max-width: 940px;margin: 0 auto;}
.sppb-addon-testimonial-review p, .sppb-testimonial-carousel-message {font-size:150%;}
.sppb-addon-testimonial-client {font-weight:700;}
.sppb-testimonial-carousel-designation, .sppb-addon-testimonial-client-url {font-size:85%;font-weight:300;}
@media (min-width:1200px) {
.sppb-carousel-extended-item {padding:0 5vw;}
  }
/*********** ACCORDEON AKKORDION *****/
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-body {
	border: 0px;
	padding: 20px 0 0;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading .sppb-toggle-direction i::before {
	content: "+";
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction i::before {
	content: "–";font-weight:bold;font-stretch: ultra-expanded;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading.active .sppb-toggle-direction i {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	line-height: 0;
	transform: translateY(-0%) rotate(0deg);
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel {
	padding: 0px;
	border: none;
	background-color: var(--bs-light);
  border-bottom: 1px solid var(--bs-gray);
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading .sppb-panel-title {
	font-family: 'Roboto';
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.4;
	color: var(--bs-primary);
	position: relative;
	padding-left: 8vw;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-body .sppb-addon-content {
	color: var(--bs-dark);
    padding-bottom:3rem;
    margin-left: 8.5vw;
    margin-right: 5vw;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading {  
	padding: 1rem 0;
	border-bottom: 1px solid transparent;
	background-color: transparent;
  transition:.1s;
}
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group {
  border-top: 1px solid var(--bs-gray);
} 
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading .sppb-toggle-direction {
	width: 24px;
	height: 24px;
	left: 5vw;
	color: var(--bs-primary);
	text-align: center;
	background-color: transparent;
}
.sppb-addon-accordion .sppb-container-inner .sppb-row-column {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}
/* image content in akkordion */
.sppb-addon-accordion .sppb-addon-image-content .sppb-container {
	margin-right: 0;
	margin-left: 8.5vw;
	padding-right: 0;
	padding-left: 0;
	width: 100%;
}
.sppb-addon-accordion .sppb-addon-image-content.aligment-right .sppb-content-holder {
	padding: 0;
}
.sppb-addon-accordion .sppb-addon-image-content.aligment-right .sppb-image-holder {
	right: 0;
	top: -95px;
}

.sppb-addon-accordion .sppb-addon-image-content p.sppb-image-content-text {
	margin-bottom: 3rem;
    margin-right: 3vw;
}
.sppb-addon-accordion .sppb-addon-image-content .sppb-image-holder {
	position: absolute;
	width: 50%;
	height: calc(100% + 95px);
	background-position: center center;
	background-size: cover;
}
/***** highlighted offenes panel ***/
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel.sppb-panel-success .sppb-panel-body,
.sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel.sppb-panel-success .sppb-panel-heading.active {
	background-color: var(--bs-success);
  transition:.3s;
}
/***** Slideshow  */
div[data-arrow-content="icon_only"] .sp-nav-control .nav-control i {
	line-height: 0 !important;
}
.dot-controller-dot.sp-slider .sp-dots ul li, 
.dot-controller-dot.sp-slider .sp-dots ul li.active {
	border-color: transparent;
	border-width: 0px;
	margin: 1px !important;
}
/* ************************************************************************** */
.no-toggle .sppb-toggle-direction {display:none;}

#sp-footer, #sp-bottom {
	color: var(--bs-white);
	background-color: var(--bs-primary);
}

.invert-logo:not(.modal-menu-active) header:not(.header-sticky) .logo-image,
.invert-logo:not(.modal-menu-active) .logo-image-phone {
  filter: invert(1);opacity:.72;
}

.invert-logo header:not(.header-sticky) .burger-icon > span {
	background-color: var(--bs-primary);
}
.z-index-1 {z-index:1!important;}
.z-index-99 {z-index:99!important;}
.bubble-column-l {
	left: 22%;
	top: -4vw;
    z-index: 999;
}

/*** ARTICLES  ADDON  ****/
.sppb-addon-article.sppb-addon-article-layout-content.sppb-addon-article-layout-masonry-content {
  display:flex;
 filter: drop-shadow(0px 0px 1px rgba(0,0,0,.3));
    transition-timing-function: ease-in-out;
  transition-duration: .2s;
}
.sppb-addon-article.sppb-addon-article-layout-content.sppb-addon-article-layout-masonry-content:hover {
 filter: drop-shadow(0px 0px 3px rgba(0,0,0,.4));
   transform: scaleY(1.01);

}

.sppb-addon-articles .sppb-addon-article-layout-masonry-content .sppb-article-info-wrap {
	padding: 30px;
	min-height: 300px;
	display: flex;
	justify-content: left;
}
.sppb-addon-article h3 {
  color:var(--bs-primary)!important;
	font-size: 1rem;
  line-height:1.42;
	max-width: 170px;
  height:100%;
  display: flex;
}
 .sppb-addon-articles .sppb-addon-article-layout-masonry-content .sppb-article-info-wrap h3 a {
  color:var(--bs-primary)!important;
  display: flex;
}
.sppb-addon-articles .sppb-article-info-wrap h3 a:hover {
  color: var(--bs-dark)!important;
}
  /**** Articles Module   **/
  ul.mod-articles-items {list-style-type:none;}


/**** FONT ***/
.Weiss, .Weiss * {color:var(--bs-white)!important;}


@media (max-width: 991.98px) {
.herohead h1 { 
	font-size: 4rem!important;
}
  }

@media (max-width: 767px) {
  .herohead h1 { 
	font-size: 3rem!important;
}
  h2, .h2 {
	font-size: 2rem;
}
.sppb-addon-accordion .sppb-addon-image-content.aligment-right .sppb-image-holder {
	display: none;
}
  .sppb-addon-accordion .sppb-addon-content .sppb-panel-group .sppb-panel .sppb-panel-heading .sppb-panel-title {
	padding-left: 11vw;
	display: block;
}
.sppb-addon-image-content .sppb-content-holder {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 5vw;
  max-width: 90vw;
}
  .sppb-addon-accordion .sppb-addon-image-content p.sppb-image-content-text {
	margin-bottom: 0;
}
  }

.sppb-addon-clients-image {
	max-width: 200px;
	text-align: center;
	margin: auto;
}

/************** KE DOKU RELAUNCH CHANGES **********************/

/* SIMPLE PORTFOLIO */
.sp-simpleportfolio-btns .btn-zoom,
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-image,
.sp-simpleportfolio.sp-simpleportfolio-view-item .sp-simpleportfolio-meta
{display:none!important;}

.sp-simpleportfolio .sp-simpleportfolio-description {
	width: 100%;
	float: initial;
}
.com-spsimpleportfolio #sp-main-body .container {
	max-width: 100%;
  padding:0;
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-info:hover {
	background: var(--bs-primary);
	color: var(--ke-accent);
}
.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
	background: var(--bs-primary);
	border-color: var(--ke-accent);
  color: var(--ke-accent);
}

.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li.active > a {
	background: var(--bs-primary);
	border-color: var(--ke-accent);
  color: var(--ke-accent);
}
.sp-simpleportfolio .sp-simpleportfolio-filter > ul > li > a {
	padding: 7px 15px;
	background: var(--ke-gray-light);
	color: var(--bs-primary);
	text-decoration: none;
	border-radius: 0;
}