/* rajdhani-300 - devanagari_latin_latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Light'), local('Rajdhani-Light'),
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-300.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-regular - devanagari_latin_latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Regular'), local('Rajdhani-Regular'),
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-regular.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-500 - devanagari_latin_latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Medium'), local('Rajdhani-Medium'),
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-500.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-600 - devanagari_latin_latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani SemiBold'), local('Rajdhani-SemiBold'),
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-600.svg#Rajdhani') format('svg'); /* Legacy iOS */
}
/* rajdhani-700 - devanagari_latin_latin-ext */
@font-face {
  font-family: 'Rajdhani';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.eot'); /* IE9 Compat Modes */
  src: local('Rajdhani Bold'), local('Rajdhani-Bold'),
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/rajdhani-v7-devanagari_latin_latin-ext-700.svg#Rajdhani') format('svg'); /* Legacy iOS */
}

/* montserrat-regular - 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: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/montserrat-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/montserrat-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/montserrat-v25-latin-500.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-500.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: italic;
  font-weight: 500;
  src: url('./fonts/montserrat-v25-latin-500italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-500italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600 - 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: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/montserrat-v25-latin-600.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-600.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-600italic - 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: 'Montserrat';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/montserrat-v25-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-600italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/montserrat-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}

/* montserrat-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: 'Montserrat';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/montserrat-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/montserrat-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/montserrat-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/montserrat-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/montserrat-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/montserrat-v25-latin-700italic.svg#Montserrat') format('svg'); /* Legacy iOS */
}


/* source-sans-pro-300 - 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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/source-sans-pro-v21-latin-300.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-300.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-300italic - 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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 300;
  src: url('./fonts/source-sans-pro-v21-latin-300italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-300italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-regular - 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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-italic - 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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url('./fonts/source-sans-pro-v21-latin-italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600 - 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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/source-sans-pro-v21-latin-600.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-600.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-600italic - 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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 600;
  src: url('./fonts/source-sans-pro-v21-latin-600italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-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: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v21-latin-700.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-700.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* source-sans-pro-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: 'Source Sans Pro';
  font-style: italic;
  font-weight: 700;
  src: url('./fonts/source-sans-pro-v21-latin-700italic.eot'); /* IE9 Compat Modes */
  src: url('./fonts/source-sans-pro-v21-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/source-sans-pro-v21-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('./fonts/source-sans-pro-v21-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/source-sans-pro-v21-latin-700italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

/* shadows-into-light-regular - 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: 'Shadows Into Light';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/shadows-into-light-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: url('./fonts/shadows-into-light-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('./fonts/shadows-into-light-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('./fonts/shadows-into-light-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('./fonts/shadows-into-light-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('./fonts/shadows-into-light-v15-latin-regular.svg#ShadowsIntoLight') format('svg'); /* Legacy iOS */
}




/* ============================================================================= */
/* Base styles for common elements. */
/* ============================================================================= */
html {
  -webkit-font-smoothing: antialiased;
  overflow-x:hidden
}

body {
  position: relative;
  overflow-x: hidden;
  letter-spacing: 0.04em;
  background-color: #000;
}


body::-webkit-scrollbar-track {
  background: #ddd;
}

body::-webkit-scrollbar {
 width : 0px;
  background: #ddd;
}

body::-webkit-scrollbar-thumb {
  background: #6E6E6E;
}

body.disable-hover {
  pointer-events: none;
}

p {
  margin-bottom: 2rem;
}

a {
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  outline: none;
}
a.LinkStyle {color:#15141A;}
a.LinkStyle:hover {color:#28272d;}

hr {
  border-color: #eee;
  display: inline-block;
  width: 100%;
}

button, input, optgroup, select, textarea {
  font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
}

.wp-caption,
.sp-widget-block img,
.sp-blog-block img {
  max-width: 100%;
  height: auto;
}

button, input, select, textarea {
  max-width: 100%;
}

#sp-wrapper {
  background: #fff;
  position: relative;
  z-index: 10;
}

.form-control {
  letter-spacing: 0.04em;
}

.sp-marg30 {
  margin-top: 30px;
}

.spacer-marg50 {
  margin-top: 50px;
}

.spacer_bottom_111{
	padding-bottom: 6.9em;
}
.spacer_boto_111{
	padding-bottom: 6.9em;
	padding-top: 6.9em;
}
.spacer_to_111{
	padding-top: 6.9em;
}
.spacer_to_4_5{
	padding-top: 4.5em;
}
.spacer_to_10_4{
	padding-top: 10.4em;
}

@media (max-width: 767px) {
  .text-right {
    text-align: center !important;
  }
  .text-left {
    text-align: center !important;
  }
  [class*='col-'] {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .sp-marg30, .sp-marg50 {
    margin-top: 30px;
  }
}

.baumers-section {
  position: relative;
  z-index: 992;
  padding-top: 6.9em;
  padding-bottom: 6.9em;
  background-color: #fff;
}
.baumers-sectionDark {
  position: relative;
  z-index: 992;
  padding-top: 6.9em;
  padding-bottom: 6.9em;
  background-color: #2B2E34;
}

.baumers-section.demo .container {
  width: 1500px;
}

.baumers-section.demo .row {
  margin-left: -20px;
  margin-right: -20px;
}

.baumers-section.demo [class*='col-'] {
  padding-left: 20px;
  padding-right: 20px;
}

.baumers-section.pt0 {
  padding-top: 0px;
}

.baumers-section.pb0 {
  padding-bottom: 0px;
}

.baumers-section.none {
  padding: 0;
}

.baumers-section.border {
  border-top: 1px solid #eee;
}

.baumers-section.white {
  color: #fff;
}

.baumers-section.white h1, .baumers-section.white h2, .baumers-section.white h3, .baumers-section.white h4, .baumers-section.white h5, .baumers-section.white h6 {
  color: #fff;
}

.baumers-section.little {
  padding-top: 80px;
  padding-bottom: 80px;
}
section#minHeightBackVid{
  min-height: 430px;
}
section#HeightBackTopPic{
  height: 75vh;
  background-position: bottom center;
background-size: cover;
margin-top: 5em;
}
section#HeightBackBottomPic{
 height: 21vh;
background-position: top center;
background-size: cover;
margin-top: -.1em;
padding-bottom: 10em;
}
.boxCenter{
	margin-top: 10vh;
}
.svg-sizeBig{
	margin: 0 20%;
	}
	
.svg-size{
	margin: 10% 30%;
	}
	
.gps_ring {
    border: 2px solid #0098dc;
    -webkit-border-radius: 50%;
    height: 508px;
	width: 508px;
    position: absolute;
    left:32%;
    top:214px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.0;
}

.gps_ring:before {
    content:"";
    display:block;
    border: 2px solid #0098dc;
    -webkit-border-radius: 50%;
    height: 550px;
    width: 550px;
    position: absolute;
    left:-5%;
    top:-24px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-delay: 0.1s;
    opacity: 0.0;
}
.gps_ring:after {
    content:"";
    display:block;
    border:2px solid #0098dc;
    -webkit-border-radius: 50%;
    height: 750px;
    width: 750px;
    position: absolute;
    left: -22%;
	top: -124px;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite; 
    -webkit-animation-delay: 0.2s;
    opacity: 0.0;
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}


@media (max-width: 1240px) {
	section#HeightBackTopPic{
  height: 70vh;
  background-position: bottom center;
background-size: cover;
margin-top: 5em;
}
	section#HeightBackBottomPic{
  height: 30vh;
  background-position: top center;
background-size: contain;margin-top: -.1em;
margin-bottom: -10em;
background-repeat: no-repeat;
}
.boxCenter{margin-top: -5vh;}
.gps_ring {
   left: 23%;
	}
}
@media (max-width: 767px) {
  .baumers-section.little {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  section#HeightBackTopPic{
  background-position: 80% 50%;
	/* transform: scaleX(-1); */
	height: 60vh;
	margin-top: 1.7em;
	background-size: cover;
	background-repeat: no-repeat;
	}
	section#HeightBackBottomPic{
	  height: 100%;
	  background-position: center;
	  background-size: 100vh;
	margin-top: -.1em;padding-bottom: 2em;
	background-repeat: no-repeat;
	margin-bottom: 0em;
	}
	.gps_ring {
    left: -18%;
top: 14px;
	}
}

/* ============================================================================= */
/* Cookiebot */
/* ============================================================================= */

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  background-color: #0098DC!important;
  border-color: #0098DC!important;
}
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-bottom: 1px solid #0098DC!important;
  color: #0098DC!important;
}
#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: #0098DC!important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: #0098DC!important;
}
#CookiebotWidget .CookiebotWidget-consent-details button, #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: #0098DC!important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  border-color: #0098DC!important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background-color: #0098DC!important;
  border-color: #0098DC!important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, #CybotCookiebotDialogDetailBodyContentTextAbout a {
  color: #0098DC!important;
}
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover {
  color: #0098DC!important;
}


.baumers-section.bg-color-light {
  background: #F7F7F7;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.baumers-section.bg-color-dark {
  background: #2B2E34;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
  color: #fff;
}
.baumers-section.bg-color-blue {
  background: #0098DC;
  border-top: 1px solid #0083bf;
  border-bottom: 1px solid #0083bf;
  color: #fff;
}
.baumers-section.bg-color-white {
  background: #ffffff;
  border-top: 0px solid #eee;
  border-bottom: 0px solid #eee;
}
.bg-color-white_noB{
	background: #ffffff;
  border-top: 0px solid #fff;
  border-bottom: 0px solid #fff;
}
.baumers-section.bg-color-black {
  background: #000;
  border-top: 0px solid #000;
  border-bottom: 0px solid #000;
  color: #000;
}
div#bg-color-black {
  background: #000;
  border-top: 0px solid #000;
  border-bottom: 0px solid #000;
  color: #000;
  padding: 2em;
}
.abstand_between_l{margin-right: 1em;}
.abstand_between_r{margin-left: 1em;}

.baumers-section.bg-color-grey {
  background: #F5F5F5;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}
.baumers-section img {
  max-width: 100%;
}

@media (max-width: 767px) {
  .baumers-section {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
  }
  .abstand_between_l{margin-right: -1em;}
.abstand_between_r{margin-left: -1em;}
}

.sp-title-block {
  width: 100%;
  margin-bottom: 2rem;
  text-transform: capitalize;
}

.sp-title-block.line h3 {
  margin-bottom: 1.4rem;
}

.sp-title-block.line span {
  margin-bottom: 1.4rem;
  display: block;
}

.sp-title-block.line:after {
  content: '';
  height: 25px;
  width: 2px;
  background: #505050;
  display: inline-block;
  text-align: center;
}

.sp-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.overlay-mitte{
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(top, rgba(14,14,16,1) 0%, rgba(14,14,16,0) 43%, rgba(14,14,16,0) 58%, rgba(14,14,16,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(14,14,16,1) 0%,rgba(14,14,16,0) 43%,rgba(14,14,16,0) 58%,rgba(14,14,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(14,14,16,1) 0%,rgba(14,14,16,0) 43%,rgba(14,14,16,0) 58%,rgba(14,14,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e10', endColorstr='#0e0e10',GradientType=0 ); /* IE6-9 */}

.jarallax {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

@media (max-width: 767px) {
  .overlay-mitte{background: none;}
}


/* ================================= button vc schortcode */
.sp-btn-container.align_center {
  text-align: center;
}

.sp-btn-container.align_left {
  text-align: left;
}

.sp-btn-container.align_right {
  text-align: right;
}

/* ================================= typed.js integration */
.typed-cursor {
  -webkit-animation: typed-blink 0.7s infinite;
          animation: typed-blink 0.7s infinite;
  opacity: 1;
  display: inline-block;
}

@-webkit-keyframes typed-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes typed-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* ============================================================================= */
/* Bootstrap style customizations. */
/* ============================================================================= */
/* ================================= grid rows */
.row {
  max-width: none !important;
}

/* ================================= buttons and other form controls */
.btn {
  cursor: pointer;
}

.btn-lg {
  font-size: 15px;
  font-weight: 400;
}

.btn-white {
  color: #333;
  background-color: #fff;
  border-color: #fff;
}

.form-control:-webkit-autofill {
  -webkit-transition: none;
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}

/* ================================= carousels */
.carousel-indicators {
  margin-bottom: 2rem;
}

.carousel-indicators li {
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}

.carousel-indicators li:hover, .carousel-indicators li.active {
  background-color: #505050;
}

.carousel-fade .carousel-inner .carousel-item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
}

.carousel-fade .carousel-inner .carousel-item-next,
.carousel-fade .carousel-inner .carousel-item-prev,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

/* ================================= progress bar */
.progress {
  background-color: #ddd;
  border-radius: 0;
}

.progress .progress-bar {
  background-color: #222;
  height: 5px;
}

/* ================================= input groups */
.input-group .form-control:not(:first-child),
.input-group-addon:not(:first-child),
.input-group-btn:not(:first-child) > .btn,
.input-group-btn:not(:first-child) > .btn-group > .btn,
.input-group-btn:not(:first-child) > .dropdown-toggle,
.input-group-btn:not(:last-child) > .btn:not(:first-child),
.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
  border-radius: 0;
}

.input-group .font-size,
.input-group .input-group-addon,
.input-group .input-group-btn {
  z-index: 10;
}

/* ============================================================================= */
/* Primary site preloader. */
/* ============================================================================= */
#sp-preloader { display: none !important; }
#sp-preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 15000;
  background: #fff;
}

#sp-preloader:after {
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -25px;
}

#sp-preloader:after {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-block;
  background: #505050;
  -webkit-animation: 1.15s infinite ease-in-out;
          animation: 1.15s infinite ease-in-out;
  -webkit-animation-name: sp-site-loader;
          animation-name: sp-site-loader;
}

#sp-preloader:after:before, #sp-preloader:after:after {
  -webkit-animation: 1.15s infinite ease-in-out;
          animation: 1.15s infinite ease-in-out;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
}

@-webkit-keyframes sp-site-loader {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

@keyframes sp-site-loader {
  from {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0;
  }
}

/* ============================================================================= */
/* Scroll top button. */
/* ============================================================================= */
.sp-scroll-top {
  position: fixed;
  padding: 10px;
  text-align: center;
  right: 30px;
  bottom: 30px;
  color: #fff;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  -webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
  z-index: 1000;
  border-radius: 20px;
  background-color: #505050;
  opacity: 0;
  line-height: 1;
  visibility: hidden;
}

.sp-scroll-top.scroll-top-visible {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

.sp-scroll-top > i {
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  display: inline-block;
  opacity: 1;
  font-size: 20px;
  vertical-align: middle;
}

.sp-scroll-top > .anno-text {
  padding-left: 10px;
  padding-right: 5px;
  white-space: nowrap;
  display: none;
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: middle;
}

.sp-scroll-top:hover {
  background: #222;
  color: #fff;
}

/* ============================================================================= */
/* Scroll Animation */
/* ============================================================================= */
#pinContainer { width: 100vw;height: 100vh;overflow: hidden;}
.panel { width: 100vw;height: 100vh;position: absolute;}
.panel2 { width: 100vw;height: 10vh;position: absolute;}
img.Kartusche-size { max-width:316px; }
img.KartuscheInnen-size { max-width:271px; }
img.Deckel-size { max-width: 269px; }
.KartuschenTextTiming { margin-top: -40em;background: #0E0E10; }
.spacer.s3 { min-height: 260px; }
.spacer.s3_9 { min-height: 310px; }

/* ============================================================================= */
/* Site pagination. */
/* ============================================================================= */
.sp-pagination {
  text-align: center;
  font-size: 0;
}

.sp-pagination ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.sp-pagination ul li {
  font-weight: bold;
  display: inline;
}

.sp-pagination ul li a {
  display: inline-block;
  font-size: 18px;
  padding: 10px 25px;
  color: #333;
}

.sp-pagination ul li.current a, .sp-pagination ul li:hover a {
  color: #505050;
}

@media (max-width: 767px) {
  .sp-pagination {
    margin-top: 0;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  
}

.slick-slider:hover .slick-arrow.circle.slick-next {
  right: 15px;
  opacity: 1;
}

.slick-slider:hover .slick-arrow.circle.slick-prev {
  left: 15px;
  opacity: 1;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
  min-height: 750px;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-arrow {
  position: absolute;
  left: 0;
  top: 0%;
  bottom: 0;
  width: 15%;
  opacity: 0.6;
  color: inherit;
  border: 0;
  outline: none !important;
  background: transparent;
  -webkit-appearance: none;
  font-size: 0;
  display: inline-block;
  padding: 0;
  line-height: 1;
  z-index: 100;
}

.slick-arrow:hover {
  opacity: 1;
}

.slick-arrow:before {
  font-family: "sp-theme-icons";
  content: "\f3d2";
  font-size: 100px;
}

.slick-arrow.slick-next {
  left: auto;
  right: 0;
}

.slick-arrow.slick-next:before {
  content: '\f3d3';
}

.slick-arrow.slick-disabled {
  opacity: 0.2;
  pointer-events: none;
}

.slick-arrow.circle {
  font-size: 18px;
  background: #fff;
  cursor: pointer;
  position: absolute;
  top: 50%;
  text-align: center;
  margin-top: -18px;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  text-decoration: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  line-height: 36px;
}

.slick-arrow.circle:before {
  content: none;
}

.slick-arrow.circle > i {
  position: relative;
  color: #333;
}

.slick-arrow.circle:hover {
  background: #505050;
}

.slick-arrow.circle:hover i {
  color: #fff;
}

.slick-arrow.circle.slick-next {
  right: 0;
  opacity: 0;
}

.slick-arrow.circle.slick-prev {
  left: 0;
  opacity: 0;
}

.slick-dots {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  margin-top: 30px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 150;
  line-height: 1;
  font-size: 0;
}

.slick-dots > li {
  display: inline-block;
}

.slick-dots button {
  color: transparent;
  text-indent: -9999px;
  -webkit-appearance: none;
  display: inline-block;
  height: .2em;
  width: 4em;
  margin-right: .4em;
  margin-left: .4em;
  padding: 0;
  border: 0;
  outline: none !important;
  border-radius: 0%;
  background: #ddd;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
  font-size: 0.9375rem;
}

.slick-dots > li:hover button, .slick-dots > li.slick-active button {
  background-color: #0098DC;
}

.slick-dots-inside .slick-dots {
  position: absolute;
  bottom: 2.625rem;
  margin-top: 0;
}

.slick-dots-inside .slick-dots button {
  background: #fff;
  font-size: 1rem;
}

.slick-dots-insideblack .slick-dots {position: absolute;
  bottom: 2.625rem;
  margin-top: 0;}

.slick-dots-insideblack .slick-dots button {
  background: #fff;
  font-size: 1rem;
}

/* ============================================================================= */
/* Site header commons. */
/* ============================================================================= */
#sp-header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 1050;
  background: #1A1A1A;
  color: #fff;
  padding: 15px 30px;
  border-bottom: 1px solid transparent;
}

#sp-header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* ============================================================================= */
/* Header elements (logo, extras, etc) */
/* ============================================================================= */
#sp-header-inner > .brand-logo {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: inherit;
  font-size: 2.1rem;
  margin-right: auto;
  width: 10.5rem;
  line-height: 1;
}

.form_nav{width: 28.5em;
position: absolute;
right: -6.5rem;}

.form_nav img{width: 100%;
  height: auto;
  padding-bottom: .22em}

#sp-header-inner > .brand-logo img {
  width: 100%;
  height: auto;
  padding-bottom: .22em
}

#sp-header-inner > .brand-logo img.logo-dark {
  display: none;
}

#sp-header-inner > .header-extras {
  font-size: 0;
  line-height: 1;
  margin-left: 30px;
  margin-right: -10px;
  border-left: 1px solid currentColor;
  padding-left: 20px;
}

#sp-header-inner > .header-extras > * {
  vertical-align: middle;
}

#sp-header-inner > .header-extras > a {
  padding: 5px 10px;
  color: inherit;
  display: inline-block;
}

#sp-header-inner > .header-extras > a > i {
  font-size: 22px;
}

#sp-header-inner > .header-extras > a:hover {
  opacity: 0.6;
}

#sp-header-inner > .header-extras > .v-separator {
  display: inline-block;
  width: 1px;
  height: 22px;
  background: currentColor;
  margin: 0 30px;
}

/* ============================================================================= */
/* Header desktop navigation. */
/* ============================================================================= */
#sp-primary-nav {
  text-align: right;
  line-height: 1;
  position: absolute;
right:4em;
margin-top: 1em;
}

#sp-primary-nav > .nav_menu {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  margin: 0 -17px;
  font-size: 0;
}

#sp-primary-nav > .nav_menu::after {
  display: block;
  content: "";
  clear: both;
}

#sp-primary-nav > .nav_menu > li {
  position: relative;
  display: inline-block;
}

#sp-primary-nav > .nav_menu > li > a {
  display: inline-block;
  font-size: 16px;
  white-space: nowrap;
  padding: 15px 17px;
  font-weight: 400;
  color: inherit;
  text-transform: uppercase;
  -webkit-transition-property: opacity, color, background;
  transition-property: opacity, color, background;
}

#sp-primary-nav > .nav_menu > li.menu-item-has-children > a:after {
  padding-left: 7px;
  content: '\e821';
  font-size: 14px;
  font-family: "sp-theme-icons";
}

#sp-primary-nav > .nav_menu > li:hover > a {
  opacity: 0.6;
}

#sp-primary-nav > .nav_menu > li.menu-item-has-children:hover > a {
  opacity: 1;
  background: #fff;
  color: #333;
}

#sp-primary-nav > .nav_menu .sub-menu {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  -webkit-transform: translate3d(0, -10px, 0);
          transform: translate3d(0, -10px, 0);
  -webkit-transition: opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
  transition: transform 0.35s, opacity 0.25s, visibility 0.35s;
  transition: transform 0.35s, opacity 0.25s, visibility 0.35s, -webkit-transform 0.35s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background: #fff;
  text-align: left;
}

#sp-primary-nav > .nav_menu .sub-menu.invert-attach-point {
  left: auto;
  right: 0;
}

#sp-primary-nav > .nav_menu .sub-menu > li {
  display: inline-block;
  position: relative;
}

#sp-primary-nav > .nav_menu .sub-menu > li > a {
  position: relative;
  display: inline-block;
  padding: 10px 20px;
  font-size: 15px;
  color: #333;
  width: 220px;
  line-height: 1.75;
  white-space: normal;
  -webkit-transition-property: background;
  transition-property: background;
  text-transform: capitalize;
  border-top: 1px solid #eee;
}

#sp-primary-nav > .nav_menu .sub-menu > li.menu-item-has-children > a:after {
  right: 20px;
  position: absolute;
  padding-left: 7px;
  content: '\e81f';
  font-size: 14px;
  font-family: "sp-theme-icons";
}

#sp-primary-nav > .nav_menu .sub-menu > li:hover > a {
  background: #f5f5f5;
}

#sp-primary-nav > .nav_menu .sub-menu .sub-menu {
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
  left: 100%;
  top: 0;
}

#sp-primary-nav > .nav_menu .sub-menu .sub-menu.invert-attach-point {
  -webkit-transform: translate3d(10px, 0, 0);
          transform: translate3d(10px, 0, 0);
  right: 100%;
  left: auto;
}

#sp-primary-nav > .nav_menu > li.sp-mega-menu > ul {
  border-top: 1px solid #eee;
}

#sp-primary-nav > .nav_menu > li.sp-mega-menu > ul > li > a {
  width: 200px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
}

#sp-primary-nav > .nav_menu > li.sp-mega-menu.mega-2-columns > ul {
  -webkit-columns: 2;
  columns: 2;
}

#sp-primary-nav > .nav_menu > li.sp-mega-menu.mega-3-columns > ul {
  -webkit-columns: 3;
  columns: 3;
}

#sp-primary-nav > .nav_menu li.menu-item-has-children:hover > .sub-menu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
}

/* ============================================================================= */
/* Fullscreen mobile navigation. */
/* ============================================================================= */
#sp-mobile-nav-bg, #sp-mobile-nav-container {
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  opacity: 0;
  visibility: hidden;
}

#sp-mobile-nav-bg {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1030;
  background: rgba(0, 0, 0, 0.9);
}

.navFooter{
	position: absolute;
	background: #000000;
	bottom: 0;
	width: 100%;
	z-index: 1;
}
.navFooterMobile{
	display: none;
}

#sp-mobile-nav-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
/*   left: 0; */
  width: 600px;
  height: 100%;
  z-index: 1040;
  border-top: 0 solid transparent;
/*   border-bottom: 25px solid transparent; */
  overflow: hidden;
  background: #505050;
}

#sp-mobile-nav-container > .overlay-inner-wrap {
  position: absolute;
  -webkit-transform: translateY(-60%);
          transform: translateY(-60%);
  top: 60%;
/*
  left: 50%;
  margin-left: -300px;
*/
  width: 100%;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  text-align: center;
}

/* ================================= fn menu toggle */
#sp-primary-nav #sp-mobile-nav-trigger {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 18px;
  z-index: 1040;
  margin: 15px 0;
  width: 1.5em;
  height: 1em;
  color: inherit;
  -webkit-transition: none;
  transition: none;
}

#sp-primary-nav #sp-mobile-nav-trigger > span {
  display: block;
  position: absolute;
  height: 1px;
  width: 100%;
  background: currentColor;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all .3s ease-in-out, color 0.25s;
  transition: all .3s ease-in-out, color 0.25s;
}

a.mainNavSelection{
	cursor: pointer; 
}

.baumers-nav-container{
/* 	margin-bottom: 20%; */
	margin: 45% 0;
}

.baumers-nav-block{
	margin-bottom: 0px;
	
}
.baumers-nav-block:after{
	border-bottom: 1px solid transparent;
	content: "";
    display: block;
    margin: 0 auto; 
    width: 30%;
    padding-top: .5em; 
    
}


.baumers-nav-block:hover:after{
	border-bottom: 1px solid #fff;
	content: "";
    display: block;
    margin: 0 auto; 
    width: 30%;
    padding-top: .5em; 
    -webkit-transition: all .3s ease-in-out, color 0.25s;
  transition: all .3s ease-in-out, color 0.25s;
}



div.mainIcon_nav{
	width: 100%;
	
}
.mainIcon_nav img{
	width: 4.5em;
	padding: .7em;
	margin: .8em;
}

p.text-main_nav{
	color:#fff;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: 600;
}

#sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(1) {
  top: 0;
}

#sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(2), #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(3) {
  top: 50%;
  margin-top: -1px;
}

#sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(4) {
  bottom: 0;
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(1) {
  top: 50%;
  width: 0;
  left: 50%;
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(2) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.sp-active-burger-menu #sp-primary-nav #sp-mobile-nav-trigger > span:nth-child(4) {
  bottom: 50%;
  width: 0;
  left: 50%;
}

/* ================================= social icons */
#sp-mobile-nav-container .sp-soc-icons {
  margin-top: 15px;
  font-size: 0;
  opacity: 0;
}

#sp-mobile-nav-container .sp-soc-icons > a {
  display: inline-block;
  color: #505050;
  padding: 0 15px;
  opacity: 1;
  font-size: 23px;
}

#sp-mobile-nav-container .sp-soc-icons > a:hover {
  color: #fff;
}

/* ================================= inner nav menu */
#sp-mobile-nav-container .nav_menu {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-align: center;
}

#sp-mobile-nav-container .nav_menu li > a.sub-active {
  color: #505050;
}

#sp-mobile-nav-container .nav_menu li.menu-item-has-children > a {
  position: relative;
}

#sp-mobile-nav-container .nav_menu li.menu-item-has-children > a:after {
  content: '\f3d0';
  font-family: "sp-theme-icons";
  margin-left: 5px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin-top: 2px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#sp-mobile-nav-container .nav_menu > li {
  position: relative;
  opacity: 0;
  float: left;
  padding: 1.5em 0 1.5em 0;
  background-color: #000;
}

#sp-mobile-nav-container .nav_menu > li > a {
  font-size: .7em;
  line-height: 1.2em;
  text-transform: uppercase;
  display: block;
  color: #fff;
  font-weight: 400;
  border-bottom: 1px solid transparent;
  
}

#sp-mobile-nav-container .nav_menu > li > a:after{
	border-bottom: 1px solid transparent;
content: "";
display: block;
margin: 0 auto;
width: 30%;
padding-top: .5em;
}
#sp-mobile-nav-container .nav_menu > li > a:hover:after{
	border-bottom: 1px solid #fff;
content: "";
display: block;
margin: 0 auto;
width: 30%;
padding-top: .5em;
-webkit-transition: all .3s ease-in-out, color 0.25s;
transition: all .3s ease-in-out, color 0.25s;
}

#sp-mobile-nav-container .nav_menu .sub-menu {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  padding: 0 0 15px;
  display: none;
}

#sp-mobile-nav-container .nav_menu .sub-menu a {
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
  text-transform: none;
  display: block;
}

#sp-mobile-nav-container .nav_menu .sub-menu a:hover {
  color: #505050;
}

#sp-mobile-nav-container .nav_menu .sub-menu .sub-menu {
  padding-top: 5px;
}

/* ================================= active state */
html.sp-active-burger-menu > body {
  position: relative;
 height: 100%;
  overflow: hidden;
}

html.sp-active-burger-menu #sp-mobile-nav-bg, html.sp-active-burger-menu #sp-mobile-nav-container {
  opacity: 1;
  visibility: visible;
}

html.sp-active-burger-menu #sp-mobile-nav-container .nav_menu > li, html.sp-active-burger-menu #sp-mobile-nav-container .sp-soc-icons {
  -webkit-animation: sp-menu-effect 0.4s linear forwards;
  animation: sp-menu-effect 0.4s linear forwards;
}

html.sp-active-burger-menu #sp-header.header-stuck .brand-logo .logo-dark {
  display: none;
}

html.sp-active-burger-menu #sp-header.header-stuck .brand-logo .logo-white {
  display: block;
}

@-webkit-keyframes sp-menu-effect {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes sp-menu-effect {
  from {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(15px);
            transform: translateY(15px);
  }
  to {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}


/* ============================================================================= */
/* Header stuck state. */
/* ============================================================================= */
#sp-header {
  position: fixed;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* ============================================================================= */
/* Header responsiveness. */
/* ============================================================================= */
@media (max-width: 1199px) {
  #sp-primary-nav > .nav_menu {
    display: none;
  }
}

@media (min-width: 1200px) {
  #sp-primary-nav > #sp-mobile-nav-trigger {
    display: block;
  }
}
@media (max-width: 767px) {
	.form_nav{
		width: 19.5em;
		right: -3.5rem;
	}
	#sp-primary-nav #sp-mobile-nav-trigger{
		margin: 0 -1.5em 0 0;
	}
	.baumers-nav-container{
		margin: 10% 0;
	}
  #sp-mobile-nav-container{
	  overflow: scroll;
	  width: 100%;
  }
  .baumers-nav-block:after{
	  padding-top: .2em;
  }
  .baumers-nav-block:hover:after{
	  width: 10%;
	  padding-top: .2em;
  }
  p.text-main_nav{margin-bottom: 0rem;}
  .navFooterMobile{
	position: fixed;
	background: #000000;
	bottom: 0;
	width: 100%;
	display: inline-block;
	margin-left: -50%;
/* 	margin-top: 2em; */
	z-index: -1;
	}
}

@media (max-width: 575px) {
  #sp-header {
    padding: 10px 15px !important;
  }
  
  #sp-header-inner > .brand-logo {
    font-size: 1.6rem !important;
    padding-right: 30px;
  }
  .baumers-nav-container{
	  margin: 0% 0;
  }
  #sp-header-inner > .header-extras {
    display: none;
  }
  .navFooter{
	display: none;
}
li.col-md-3.col-sm-6nav.col-xs-12{width: 25%!important;}
}

/* ============================================================================= */
/* Site footer styles. */
/* ============================================================================= */
#sp-footer-sizing-helper {
  display: none;
}

#sp-footer {
  background: #111214;
  width: 100%;
}

#sp-footer.sp-footer-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
}

#sp-footer.sp-footer-fixed + #sp-footer-sizing-helper {
  display: block;
}

#sp-footer .container {
  padding-left: 25px;
  padding-right: 25px;
}

#sp-footer .container .row {
  margin-left: -25px;
  margin-right: -25px;
}

#sp-footer .container .row [class*='col-'] {
  padding-left: 25px;
  padding-right: 25px;
}

p#FooterTitle{
	font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
	font-weight: 600;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	color: #fff !important;
}

.baumers-footer-logo {
  margin: 0 0 5em 0;
  padding-right: 3.5em;
}

.baumers-footer-list ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.baumers-footer-list ul li {
  margin-bottom: .5em;
  
}

.baumers-footer-list ul li:last-child {
  margin-bottom: 0;
}

h5.impHFive {margin: -2rem auto 0;
  font-weight: 500;}
/*
.baumers-footer-list ul li:before {
  content: '\f3d3';
  font-family: 'sp-theme-icons';
  font-size: 1em;
  padding-right: 10px;
  color: #fff;
}
*/


.baumers-footer-list ul li a {
  color: #fff;
font-size: 12px;
}

.baumers-footer-list ul li a:after{
	border-bottom: 1px solid transparent;
content: "";
display: block;
margin:0;
width: 30%;
padding-top: .5em;
}
.baumers-footer-list ul li a:hover:after{
	border-bottom: 1px solid #fff;
content: "";
display: block;
margin: 0;
width: 30%;
padding-top: .5em;
-webkit-transition: all .3s ease-in-out, color 0.25s;
transition: all .3s ease-in-out, color 0.25s;
}

#sp-footer > .sp-main-footer {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  border-bottom: 1px solid #333;
  color: #fff;
}
@media (max-width: 1240px) {
	.baumers-footer-logo {
	  padding-right: 0em;
	  
	}
}
@media (max-width: 767px) {
	#sp-footer .container .row [class*='col-'] {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  #sp-footer > .sp-main-footer {
    padding-top: 80px;
    padding-bottom: 80px;
    text-align: center;
  }
  .baumers-footer-logo {
	  margin: 0 0 0em 0;
	  
	}
}

#sp-footer > .sp-main-footer .title-block h4 {
  color: #fff;
}

#sp-footer > .sp-main-footer .soclink-block ul {
  padding: 0px;
  margin-top: 2rem;
  margin-bottom: 0;
}

#sp-footer > .sp-main-footer .soclink-block ul li {
  display: inline-block;
  list-style: none;
  padding-right: 20px;
}

#sp-footer > .sp-main-footer .soclink-block ul li a {
  color: #505050;
  border-radius: 50%;
  font-size: 23px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

#sp-footer > .sp-main-footer .soclink-block ul li a:hover {
  color: #fff;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

#sp-footer > .sp-main-footer .twitter-block ul {
  padding-left: 50px;
  margin: 0;
}

#sp-footer > .sp-main-footer .twitter-block ul li {
  list-style: none;
  padding-bottom: 1.3rem;
}

#sp-footer > .sp-main-footer .twitter-block ul li:last-child {
  padding-bottom: 0;
}

#sp-footer > .sp-main-footer .twitter-block ul li:before {
  content: '\f242';
  font-family: 'sp-theme-icons';
  color: #505050;
  font-size: 30px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  top: 5px;
  display: inline-block;
  position: relative;
  margin-right: 22px;
  line-height: 1;
  height: 100%;
  margin-left: -50px;
}

#sp-footer > .sp-main-footer .instagram-block {
  margin-left: -5px;
}

#sp-footer > .sp-main-footer .instagram-block ul {
  padding: 0;
  margin: 0;
}

#sp-footer > .sp-main-footer .instagram-block ul li {
  list-style: none;
  float: left;
  width: 25%;
  padding: 5px;
}

#sp-footer > .sp-main-footer .instagram-block ul li img {
  max-width: 100%;
}

#sp-footer > .sp-main-footer .instagram-block a {
  display: inline-block;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

#sp-footer > .sp-main-footer .instagram-block a:hover {
  opacity: 0.6;
}

#sp-footer > .sp-end-footer {
  position: relative;
  padding: 25px 0;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1;
}

#sp-footer > .sp-end-footer > .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#sp-footer > .sp-end-footer a {
  color: #fff;
}

#sp-footer > .sp-end-footer a:hover {
  color: #505050;
}

#sp-footer > .sp-end-footer .menu-block {
  margin-left: auto;
}

#sp-footer > .sp-end-footer .menu-block ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

#sp-footer > .sp-end-footer .menu-block ul li {
  display: inline;
}

#sp-footer > .sp-end-footer .menu-block ul li:after {
  content: '|';
  padding: 0 10px;
}

#sp-footer > .sp-end-footer .menu-block ul li:last-child:after {
  display: none;
}

@media (max-width: 991px) {
	.sp-main-footer{
		text-align: center;
	}
	.baumers-footer-logo{
		padding-left: 4em;
	  padding-right: 3.5em;
	}
	#footerListenAbstand{
		margin-top: 2em;
	}
	p#FooterTitle{
		margin-bottom: .5rem;
	}
	.baumers-footer-list ul li a:hover:after{
	margin: 0 auto;
	width: 5%;
	}
  #sp-footer > .sp-end-footer {
    text-align: center;
  }
  #sp-footer > .sp-end-footer > .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #sp-footer > .sp-end-footer .end-footer-block {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #sp-footer > .sp-end-footer .end-footer-block + .end-footer-block {
    padding-top: 20px;
  }
}

/* ============================================================================= */
/* Page intro block. */
/* ============================================================================= */
/* ================================= intro commons */



.sp-intro {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.baumers-produkt {
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 100%;
  color: #fff;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.sp-intro .intro-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
}

.baumers-produkt .intro-bg_light {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 10;
}

.sp-intro .intro-bg:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
/*
  background: #000;
  opacity: 0.55;
  content: '';
*/
  z-index: 15;
}
.baumers-produkt .intro-bg_light:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.25;
  z-index: 15;
}

.sp-intro .intro-bg.no-overlay:before {
  display: none;
}
.baumers-produkt .intro-bg_light.no-overlay:before {
  display: none;
}

.sp-intro .intro-bg > img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}
.baumers-produkt .intro-bg_light > img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
}


.sp-intro .intro-dotted-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/dotted-bg-pattern.png");
  z-index: 17;
}

.sp-intro .intro-body {
  position: relative;
  z-index: 20;
  padding: 50px 25px;
}
.sp-intro .index-body {
  position: relative;
  z-index: 20;
  padding: 50px 25px;
}
.baumers-produkt .intro-dotted-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../images/dotted-bg-pattern.png");
  z-index: 17;
}

.baumers-produkt .intro-body {
  position: relative;
  z-index: 20;
  padding: 50px 25px;
}


@media (max-width: 575px) {
  .sp-intro .intro-body {
    padding: 50px 15px;
  }
   .sp-intro .index-body {
    padding: 50px 15px;
  }
  .baumers-produkt .intro-body {
    padding: 50px 15px;
  }
}

.sp-intro .intro-body h3#produkteSchriftDunkel, .sp-intro .intro-body p#produkteSchriftDunkel{
	color: #222222;
	text-align: right;
	padding-left: 40%;
max-width: 100%;
}
/*
.sp-intro .intro-body p#produkteSchriftDunkel{
	color: #222222;
	text-align: right;
	text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
*/

.sp-intro .intro-body h3#IntroSchriftDunkel{
	color: #222222;
	text-align: left;
	font-size: 3.3em;
	line-height: 1em;
	padding-right: 80%;
	font-family: 'Rajdhani',"Montserrat", Arial, "Helvetica Neue", sans-serif;
	
}
p#IntroSchriftDunkel{color: #222222;}
.sp-intro .intro-body p#IntroSchriftDunkel{
	font-size: 1em;
	color: #222222;
	max-width: 100%;
	margin-bottom: 0rem;
	
}
p#IntroSchriftDunkel.intro-title-3.fadeInRight{
	font-size: 1em;
	color: #222222;
	max-width: 100%;
	margin-bottom: 0rem;
}
.sp-intro .intro-body h1, .sp-intro .intro-body h2, .sp-intro .intro-body h3, .sp-intro .intro-body h4, .sp-intro .intro-body h5, .sp-intro .intro-body h6, .sp-intro .intro-body p, .sp-intro .intro-body a {
  color: #fff;
/*
  -webkit-transform: translatex(20%);
  -ms-transform: translatex(20%);
  transform: translatex(20%);
*/
}
/*
.sp-intro .index-body h1, .sp-intro .index-body h2, .sp-intro .index-body h3, .sp-intro .index-body h4, .sp-intro .index-body h5, .sp-intro .index-body h6, .sp-intro .index-body p, .sp-intro .index-body a {
  color: #fff;
  }
*/
/*
  .sp-intro .intro-body h1, .sp-intro .intro-body h2, .sp-intro .intro-body h3, .sp-intro .index-body h4, .sp-intro .index-body h5, .sp-intro .intro-body h6, .sp-intro .intro-body p, .sp-intro .intro-body a {
  color: #222222;
  }
*/
.baumers-produkt .intro-body h1, .baumers-produkt .intro-body h2, .baumers-produkt .intro-body h3, .baumers-produkt .intro-body h4, .baumers-produkt .intro-body h5, .baumers-produkt-intro .intro-body h6, .baumers-produkt .intro-body p, .baumers-produkt .intro-body a {
  color: #000;
}

.sp-intro .intro-body .btn-white {
  color: #333;
}

.sp-intro .intro-body .btn-border {
  border: 2px solid  #fff;
}
.sp-intro .intro-body .btn-border:hover {
  color: #333;
}

.sp-intro .intro-body .list-inline {
  margin: 0 -10px -20px;
}

.sp-intro .intro-body .list-inline li {
  display: inline-block;
  margin: 0 10px 20px;
}

.baumers-produkt .intro-body .btn-white {
  color: #333;
}

.baumers-produkt .intro-body .btn-border {
  border: 2px solid  #fff;
}

.baumers-produkt .intro-body .btn-border:hover {
  color: #333;
}

.baumers-produkt .intro-body .list-inline {
  margin: 0 -10px -20px;
}

.baumers-produkt .intro-body .list-inline li {
  display: inline-block;
  margin: 0 10px 20px;
}

.sp-intro .intro-body p {
  width: 100%;
  max-width: 700px;
/*
  margin-left: auto;
  margin-right: auto;
*/
}
.sp-intro .index-body p {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.baumers-produkt .intro-body p {
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

.baumers-produkt .intro-body p:last-child {
  margin-bottom: 0;
}
.sp-intro .intro-body p:last-child {
  margin-bottom: 0;
}

.sp-intro .intro-body .btn {
  color: #fff;
  background-color: #0098DC;
  border-color: #0098DC;
}
.sp-intro .intro-body .btn-primary {
  color: #fff;
  background-color: #0098DC;
  border-color: #0098DC;
}
a#indexButton.btn.btn-primary.wow.fadeIn.animated{
	text-transform: uppercase;
}
.sp-intro .intro-body .btn-primary:hover {
  color: #000;
  background-color: transparent;
  border-color: #0098DC;
}

.baumers-produkt .intro-body .btn {
  text-shadow: none;
  border-radius: 30px;
  padding: 8px 22px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.sp-intro .intro-body .sp-intro-image-icon {
  margin-bottom: 2.5rem;
}
.baumers-produkt .intro-body .sp-intro-image-icon {
  margin-bottom: 2.5rem;
}

.sp-intro .intro-body .icon-big {
  font-size: 90px;
  line-height: 90px;
}
.baumers-produkt .intro-body .icon-big {
  font-size: 90px;
  line-height: 90px;
}

.sp-intro.fullscreen {
  height: 100vh;
  min-height: 450px;
}
.baumers-produkt.fullscreen {
  height: 100vh;
  min-height: 450px;
}

.intro-body{
	-webkit-transform: translatex(20%);
  -ms-transform: translatex(20%);
  transform: translatex(20%);
  width: 100%;
   padding-right: 70%;
}
#intro_indexbody{
	padding: 17% 25px 75px 25px;
}
.index-body{
	-webkit-transform: translatex(20%);
  -ms-transform: translatex(20%);
  transform: translatex(20%);
  width: 100%;
  padding-right: 70%;
}
#produkt_body{
	-webkit-transform: translatex(35%);
  -ms-transform: translatex(35%);
  transform: translatex(35%);
  width: 35%;
  text-align: right;
}
.sp-intro.fullscreen .intro-body {
  padding: 75px 25px 75px 25px;
  text-align: left;
}
.sp-intro.fullscreen .index-body {
  padding: 75px 25px 75px 25px;
  text-align: left;
}
.baumers-produkt.fullscreen .intro-body {
  padding: 75px 25px 75px 25px;
  text-align: left;
}

.sp-intro.kenburns .intro-bg {
  -webkit-animation: sp-intro-kenburns 30s;
          animation: sp-intro-kenburns 30s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.baumers-produkt.kenburns .intro-bg {
  -webkit-animation: sp-intro-kenburns 30s;
          animation: sp-intro-kenburns 30s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.sp-intro:not(.fullscreen):first-child {
  padding-top: 50px;
}
.baumers-produkt:not(.fullscreen):first-child {
  padding-top: 50px;
}

@-webkit-keyframes sp-intro-kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

@keyframes sp-intro-kenburns {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.15);
            transform: scale(1.15);
  }
}

.sp-intro .intro-title {
  line-height: 1;
  font-family: "Montserrat", "Source Sans Pro", Arial, "Helvetica Neue", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 2.5rem;
}

.sp-intro .intro-title:last-child {
  margin-bottom: 0;
}

.sp-intro .intro-title.intro-title-1 {
  font-size: 4.3rem;
}

.sp-intro .intro-title.intro-title-2 {
  font-size: 2.15rem;
}

.sp-intro .intro-title.intro-title-3 {
  font-size: 1.43333rem;
}

.sp-intro .intro-title.intro-title-4 {
  font-size: 1.075rem;
}

.sp-intro .intro-title.intro-title-5 {
  font-size: 0.86rem;
}

.sp-intro .intro-title.intro-title-6 {
  font-size: 0.71667rem;
}

.baumers-produkt .intro-title {
  line-height: 1;
  font-family: "Montserrat", "Source Sans Pro", Arial, "Helvetica Neue", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 2.5rem;
}

.baumers-produkt .intro-title:last-child {
  margin-bottom: 0;
}

.baumers-produkt .intro-title.intro-title-1 {
  font-size: 4.3rem;
}

.baumers-produkt .intro-title.intro-title-2 {
  font-size: 2.15rem;
}

.baumers-produkt .intro-title.intro-title-3 {
  font-size: 1.43333rem;
}

.baumers-produkt .intro-title.intro-title-4 {
  font-size: 1.075rem;
}

.baumers-produkt .intro-title.intro-title-5 {
  font-size: 0.86rem;
}

.baumers-produkt .intro-title.intro-title-6 {
  font-size: 0.71667rem;
}
@media (max-width: 991px) {
	.intro-body{
	-webkit-transform: translatex(20%);
	-ms-transform: translatex(20%);
	transform: translatex(20%);
	width: 70%;
}
	}
@media (max-width: 767px) {
  .sp-intro .intro-title.intro-title-1 {
    font-size: 3.2rem;
  }
  .sp-intro .intro-title.intro-title-2 {
    font-size: 1.6rem;
  }
  .sp-intro .intro-title.intro-title-3 {
    font-size: 1.06667rem;
  }
  .sp-intro .intro-title.intro-title-4 {
    font-size: 0.8rem;
  }
  .sp-intro .intro-title.intro-title-5 {
    font-size: 0.64rem;
  }
  .sp-intro .intro-title.intro-title-6 {
    font-size: 0.53333rem;
  }
  .sp-intro.fullscreen {
	  height: 70vh;
	  min-height: 450px;
}
  .intro-body{
	-webkit-transform: translatex(20%);
  -ms-transform: translatex(20%);
  transform: translatex(20%);
  width: 70%;
	}
.sp-intro .intro-bg{
	background-position: 70%;
}
.baumers-produkt .intro-title.intro-title-1 {
    font-size: 3.2rem;
  }
  .baumers-produkt .intro-title.intro-title-2 {
    font-size: 1.6rem;
  }
  .baumers-produkt .intro-title.intro-title-3 {
    font-size: 1.06667rem;
  }
  .baumers-produkt .intro-title.intro-title-4 {
    font-size: 0.8rem;
  }
  .baumers-produkt .intro-title.intro-title-5 {
    font-size: 0.64rem;
  }
  .baumers-produkt .intro-title.intro-title-6 {
    font-size: 0.53333rem;
  }
  .baumers-produkt{
	-webkit-transform: translatex(20%);
  -ms-transform: translatex(20%);
  transform: translatex(20%);
  width: 70%;
}
.baumers-produkt .intro-bg{
	background-position: 70%;
}
}

@media (max-width: 575px) {
  .sp-intro .intro-title.intro-title-1 {
    font-size: 3rem;
  }
  .sp-intro .intro-title.intro-title-2 {
    font-size: 1.5rem;
  }
  .sp-intro .intro-title.intro-title-3 {
    font-size: 1rem;
  }
  .sp-intro .intro-title.intro-title-4 {
    font-size: 0.75rem;
  }
  .sp-intro .intro-title.intro-title-5 {
    font-size: 0.6rem;
  }
  .sp-intro .intro-title.intro-title-6 {
    font-size: 0.5rem;
  }
}

.sp-intro .intro-regular-text {
  line-height: 1.75;
  text-transform: inherit;
  margin-bottom: 2.5rem;
}

.sp-intro .sp-scroll-down-cta {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 30px;
  margin-top: 2rem;
}

.sp-intro .sp-scroll-down-cta i {
  font-size: 40px;
  line-height: 1;
}

.sp-intro .sp-scroll-down-cta > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-animation: sp-scrolldown-arrow 2.5s infinite;
          animation: sp-scrolldown-arrow 2.5s infinite;
}
.baumers-produkt .intro-title.intro-title-1 {
    font-size: 3rem;
  }
  .baumers-produkt .intro-title.intro-title-2 {
    font-size: 1.5rem;
  }
  .baumers-produkt .intro-title.intro-title-3 {
    font-size: 1rem;
  }
  .baumers-produkt .intro-title.intro-title-4 {
    font-size: 0.75rem;
  }
  .baumers-produkt .intro-title.intro-title-5 {
    font-size: 0.6rem;
  }
  .baumers-produkt .intro-title.intro-title-6 {
    font-size: 0.5rem;
  }
}

.sp-intro .intro-regular-text {
  line-height: 1.75;
  text-transform: inherit;
  margin-bottom: 2.5rem;
}

.baumers-produkt .sp-scroll-down-cta {
  position: relative;
  display: inline-block;
  height: 40px;
  width: 30px;
  margin-top: 2rem;
}

.baumers-produkt .sp-scroll-down-cta i {
  font-size: 40px;
  line-height: 1;
}

.baumers-produkt .sp-scroll-down-cta > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  -webkit-animation: sp-scrolldown-arrow 2.5s infinite;
          animation: sp-scrolldown-arrow 2.5s infinite;
}

@media (max-width: 575px) {
  .sp-intro .sp-scroll-down-cta {
    margin-top: 1rem;
  }
  .baumers-produkt .sp-scroll-down-cta {
    margin-top: 1rem;
  }
}

@-webkit-keyframes sp-scrolldown-arrow {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0;
  }
}

@keyframes sp-scrolldown-arrow {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
    opacity: 0;
  }
}

/* ================================= image intro */
.sp-intro.sp-intro-image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: left;
}

/* ================================= carousel page */
.baumers-section-slider.sp-intro-carousel .slider-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.baumers-section-slider.sp-intro-carousel.fullscreen .slider-item {
  height: 100vh;
  min-height: 450px;
}

.baumers-section-slider.sp-intro-carousel .slick-arrow {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

@media (max-width: 991px) {
  .baumers-section-slider.sp-intro-carousel .slick-arrow {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .baumers-section-slider.sp-intro-carousel .slick-dots {
    display: none !important;
  }
}

/* Sliders */

.sp-intro.sp-intro-carousel_index.fullscreen .slider-item { height: 100vh; min-height: 450px; }

.slick-dots-baumers { display: block; position: absolute; bottom: 0em; width: 100%; margin: 0; padding: 0; text-align: center; background-color: #1A1A1A;}
.slick-dots-baumers li { list-style-type: none; display: inline-block; margin: 0 1em; }
.slick-dots-baumers li button { background: transparent; border: none; opacity: 0.5;}


.slick-dots-baumers button:hover > div p, .slick-active > button > .slick-dot-baumers p { opacity: 1; }
.slick-dots-baumers button:hover, .slick-dots-baumers button:active, .slick-dots-baumers button:focus{ outline:0; border: none; opacity: 1; }

    
/* ================================= carousel intro */
.sp-intro.sp-intro-carousel .slider-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sp-intro.sp-intro-carousel.fullscreen .slider-item {
  height: 100vh;
  min-height: 450px;
}

.sp-intro.sp-intro-carousel .slick-arrow {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

@media (max-width: 991px) {
  .sp-intro.sp-intro-carousel .slick-arrow {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .sp-intro.sp-intro-carousel .slick-dots {
    display: none !important;
  }
  .slick-dots-baumers { display: none !important;}
}

/* ================================= video intro */
.sp-intro.sp-intro-video {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sp-intro.sp-intro-video > .intro-body {
  z-index: 30;
}

.sp-intro.sp-intro-video > .video-container, .sp-intro.sp-intro-video > .video-container:after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.sp-intro.sp-intro-video > .video-container:after {
  background: #000;
  opacity: 0.5;
  content: '';
  z-index: 15;
}

.sp-intro.sp-intro-video > .video-container > .video-placeholder {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 10;
}

.sp-intro.sp-intro-video > .video-container > .video-controls {
  position: absolute;
  bottom: 25px;
  right: 30px;
  margin: 0 -10px;
  line-height: 1;
  z-index: 20;
  display: none;
}

.sp-intro.sp-intro-video > .video-container > .video-controls > a {
  display: inline-block;
  min-width: 46px;
  color: inherit;
  opacity: 0.5;
  font-size: 28px;
  padding: 5px 10px;
}

.sp-intro.sp-intro-video > .video-container > .video-controls > a:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .sp-intro.sp-intro-video > .video-container > .video-controls {
    display: none;
  }
}

/* werkzeug mit system*/
#baumers-dark-system p {
  margin-bottom: 0px;
  color: #fff;
}
#baumers-dark-system h3{
  color: #fff;
}
#baumers-system p{
	margin-bottom: 0px;
}
.baumers-Heizungswasser-block{
	padding: 0 1em;
}
.iconHeizungswasser{
	padding:  8.3em 8.3em 2.8em 8.3em ;
	}
.titleHeizungswasser{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: -1em;
	
}
.title5440{
	color: #fff;
	margin-bottom: -1em;
}
.img-sizeSkizze1{
	width: 67%;
margin-left: auto;
margin-right: auto;
}
h4#titleHeizungswasser{
	color: #fff;font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;font-size: 1.1em;
}
.textHeizungswasser{
	color: #fff;
	line-height: 1.5em;
}
.baumers-KontaktTitel-block{
	width: 100%;
    /*margin-bottom: 2rem;*/
}
.baumers-KontaktTitel-block h3{
	color: #fff;
}
p.baumers-KontaktText{
	color: #fff;
}

@media (max-width: 1500px) {
  .iconHeizungswasser{
	margin-bottom: .1em;
	padding: 3.3em;
	
  }
}
@media (max-width: 575px) {
  .iconHeizungswasser{
	margin-bottom: -4.1em;
padding: 8.3em;
	
  }
}
/* Boxen */

.form_box{
	width: 7.9em;
margin-bottom: -1px
}
div.form_box.gespiegeltY{transform: scaleY(-1);
	-webkit-transform:scaleY(-1);
	-o-transform:scaleY(-1);
	-ms-transform: scaleY(-1);
	-moz-transform: scaleY(-1);
	margin-top: -2px;
}
div.form_box.gespiegeltXY{transform: scale(-1);
	-webkit-transform:scale(-1);
	-o-transform:scale(-1);
	-ms-transform: scale(-1);
	-moz-transform: scale(-1);
	margin-top: -2px;margin-left: 77%;
}
.form_box-arrow{
	width: 7.9em;
	position: absolute;
	right: 1.2em;
	margin-top: -1px;}
.baumersFormBox_black{
	background: #222;
}
.baumersFormBox_black_2{
	background: #222;
	text-align: left;
}
.baumersFormBox_white{
	background: #fff;	
}
/*
.baumersFormBox_white h3{
	padding: 0 0em;
	padding-top:2em;
	margin-bottom: 0;
}
*/



.baumersFormBox_white a{
	margin-bottom: 2em;
}
.baumersFormBox_black h3, .baumersFormBox_black_2 h3{
	color: #fff;
	padding: 0 0em;
	padding-top:2em;
}

.baumersFormBox_black_3 h3{
	color: #fff;
	padding: 0 0em;
	margin-bottom: 1em;
}


.vidText{
	position: absolute;
	top: 33%;
	text-align: center;
	width: 100%;
	padding: 0 30%;}

.vidText h2{margin-top: 0px;color: #fff;}

.kellerText{
	position: absolute;
	top: 7%;
	text-align: right;
	width: 100%;
	padding: 0 6%;
	}
.kellerText h2{margin-bottom: .5em;}
.kellerText p{padding-right: 1em;}

.baumersBox h6.subTitle{text-transform: uppercase ;font-family: 'Montserrat'; Arial, 'Helvetica Neue',sans-serif;font-size: .85em;margin-bottom: 1em;}

.baumersFormBox_black_3 h6.subTitle{text-transform: uppercase ;font-family: 'Montserrat'; Arial, 'Helvetica Neue',sans-serif;font-size: .85em;padding-top: 3em;color:#fff;}

.baumersFormBox_black p{
	color: #fff;
	padding-bottom: 1em;
}
.baumersFormBox_black_2 p, .baumersFormBox_black_3 p{
	color: #fff;
}
.baumersFormBox_black_2 a{
	margin-bottom: 2em;
}

.form_box_black{
	width: 7.9em;
margin-top: -3em;
margin-left: -1.1em;
z-index: 100;
position: absolute;
}

.baumersBox{
	background: #fff;
	padding: 4em 6em;
}
.baumersBox .prodTitle h4{
	color: #000;
}
.baumersBox p{
	color: #000;
}

a#produkteVideoBoxButton.btn.btn-ProdukteVideoBox {
  color: #0098DC;
  background-color: transparent;
  border-color: transparent;
  margin-left: -2.5em;
}
a#produkteVideoBoxButton.btn.btn-ProdukteVideoBox:hover {
  border-color: #0098DC;
}
.baumersHarzBox{
	padding: 111px 0 0 111px;
	max-width: 600px;
	
}
.baumersHarzBox .prodTitle h4{
	color: #fff;
}
.baumersHarzBox p{
	color: #fff;
}
.sp-services-block p{
	min-height: 10em;
}
@media (max-width: 1240px) {
	.baumersHarzBox{
	padding: 6.9em 15% 6.9em 7em;
	}
}
@media (max-width: 767px) {
	.baumersHarzBox{
	padding: 6.9em 5% 6.9em 4em;
	}
	.vidText{
	top: 10%;
padding: 0 15% 0 5%;}

.vidText h2{
	font-size: 2.5em;
	margin-bottom: .4em;
	}
	.sp-services-block{padding-right: 15px;
padding-left: 15px;}
	.sp-services-block p{
	text-align: left;
}
.sp-services-block .title h4{
	text-align: left;
}
.kellerText{
	padding: 0 13%;
}
.kellerText h2{
	margin-bottom: .5em;
font-size: 24px;
margin-top: 0px;
}
.kellerText p{font-size: 13px;
line-height: 16px;}
}

/* Produkte */

.baumers-half{
	background-image: url('assets/images/bubbles.jpg')
}
.HalfPage{
	width: 50%;
}

.Plug-Play_bg{background-image: url('assets/images/baumers-plug_play-katusche.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 30vh;
background-color: #fff;
	
}


.baumers-checkListe{
	padding-top: 2rem;
	color: #0A0C0F;
	font-size: .9em;
	font-weight: 600;
	text-align: left;
	padding: 0 10%;
}
.baumers-checkListe ul {
  	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
.baumers-checkListe ul li{
	padding: 10px 0;
}
.baumers-checkListe ul li:before{
	margin: 10px 0;
	animation-duration: 800ms;
	animation-timing-function: ease;
	animation-name: checkmark;
	transform: scaleX(-1) rotate(135deg);
	height: 1.5em;
	width: 0.75em;
	transform-origin: left top;
	border-right: 1px solid #0098DC;
	border-top: 1px solid #0098DC;
	content: '';
	left: 1.75em;
	position: absolute;
	color: #0098DC;
}

.baumers-left-block{
	text-align: right;
	margin-top: 10px;
}
.baumers-right-block{
	margin-top: 10px;
}


.baumers-produkt-special_header{
	padding-top: 2em;
	padding-bottom: 2em;
}
.baumers-produkt-special_header p{
	font-size: 1.6em;
	font-family: 'Rajdhani', "Montserrat", Arial, "Helvetica Neue", sans-serif;
	font-weight: 700;
	margin-bottom: 0;
}
.baumers-produkt-special_header p span{
	color: #0098DC;
}
p.BoldCap{
	font-weight: 600;
	margin-bottom: 0rem;
}

.baumers-LinkListe{
	margin-top: 4em;
}
.baumers-LinkListe a#datenblatt{
	color:#000;
	padding: 2em;
}
.baumers-LinkListe a#bedienung{
	color:#000;
}
.baumers-LinkListe a#datenblatt:hover{
	color:#0098DC;
	padding: 2em;
}
.baumers-LinkListe a#bedienung:hover{
	color:#0098DC;
}

.baumers-LinkListe a#datenblatt:before {
	content: '\1f4c4';
	font-family: 'sp-theme-icons';
	font-size: 1em;
	padding-right: 10px;
	
}
.baumers-LinkListe a#bedienung:before {
	content: '\e88f';
	font-family: 'sp-theme-icons';
	font-size: 1em;
	padding-right: 10px;
	
}

img.PricingBoxen{padding-top: 10%; width: 40%;padding-bottom: 2em;}

	/* Style tab links */
.tablink {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: relative;
display: block;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
	background-color: #E8E8E8;
	color: black;
	

}

.tablink:hover, .tablink:active{ background-color: #0098DC;color: #fff !important;}
button:active {color: #fff !important;}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
	color: white; 
	display: none;
/* 	height: 80vh; */
	/*height: 100vh;*/
}
.baumers-sliderauswahl-item{
	background-size: cover;
background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
position: relative;
display: block;
cursor: pointer;
text-align: center;
}
#deminerialisierung {
background-color: #fff;
/*color: #fff;*/
}
#filtersysteme {
background-color: #fff;
/*color: #fff;*/
}
#maxWM * {
/*	margin: 0;*/
/*	padding: 0;*/
	border: 0;
	outline: 0;
	vertical-align: baseline;
	/*line-height: normal;*/
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#maxWM2 * {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	line-height: normal;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#maxWM > ol,
#maxWM > ul,
#maxWM > li,
#maxWM2 > ol,
#maxWM2 > ul,
#maxWM2 > li  {
	list-style: none;
}
#maxWM a, #maxWM2 a{
	text-decoration: none;
}
#maxWM input, #maxWM2 input {
	display: none;
}
#maxWM label, #maxWM2 label {
	cursor: pointer;
}

/**  Gallery fade-in  ************/

.fade-in {
	opacity: 0;
	/* First image fade in animation // fadeIn = animation name ; 0.6s = animation duration ; ease-in = animation effect ; 1 = iteration count ; forwards = last keyframe value ; 1.2s = animation delay */
	-webkit-animation: fadeIn 0.2s ease-in 1 forwards 0.2s;
	-moz-animation: fadeIn 0.2s ease-in 1 forwards 0.2s;
	-ms-animation: fadeIn 0.2s ease-in 1 forwards 0.2s;
	-o-animation: fadeIn 0.2s ease-in 1 forwards 0.2s;
	animation: fadeIn 0.2s ease-in 1 forwards 0.2s;
}
@-webkit-keyframes fadeIn {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}
@-moz-keyframes fadeIn {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}
@-ms-keyframes fadeIn {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}
@-o-keyframes fadeIn {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}
@keyframes fadeIn {
	0%    { opacity: 0; }
	100%  { opacity: 1; }
}


/**  Gallery styles ************/

#maxWM, #maxWM2 {
	z-index: 2;
}
#maxWM .gallery, #maxWM2 .gallery2{
	width: 100%;
	height: 100%;
	position: absolute;
}
#maxWM .fade, #maxWM2 .fade{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	right: auto;
	bottom: auto;
	background-size: cover;
	background-position: center center; 
	background-repeat: no-repeat;
	visibility: hidden;
	opacity: 0;
	z-index: 0;
	/* Transition effect for images */
	-webkit-transition: opacity 1s, visibility 1s;
	-moz-transition: opacity 1s, visibility 1s;
	-ms-transition: opacity 1s, visibility 1s;
	-o-transition: opacity 1s, visibility 1s;
	transition: opacity 1s, visibility 1s;
}

 
/**  Images ************/

.image-1 {
	background-image: url("../images/#.jpg"); /* <-- First image */
}
.image-2 {
	background-image: url("../images/slide/#.jpg"); /* <-- Second image */
}
.image-3 {
	background-image: url("../images/#.jpg"); /* <-- Third image */
}
.image-4 {
		background-image: url("../images/slide/#.jpg"); /* <-- Smaller size for first image */
	}
	.image-5 {
		background-image: url("../images/#.jpg"); /* <-- Smaller size for second image */
	}
	.image-6 {
		background-image: url("../images/slide/#jpg"); /* <-- Smaller size for third image */
	}


/** Titles and paragraphs *********/

#maxWM .intro-body, #maxWM2 .intro-body {
	margin-top: 40vh;
/*
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0;
	top: auto;
	margin: 0 auto;
	width: auto;
	color: #fff;
	padding: 0 7%;
	text-align: center
*/;
}
#maxWM .intro-body h1, #maxWM2 .intro-body h1 {
	font-size: 54px;
line-height: 52px;
letter-spacing: -0.035em;
font-weight: 600;
}
#maxWM .intro-body p, #maxWM .intro-body p {
	color: #222222;
text-align: right;
padding-left: 40%;
max-width: 100%;
}

#maxWM .intro-body h1,
#maxWM .intro-body p,
#maxWM2 .intro-body h1,
#maxWM2 .intro-body p {
	display: block;
	opacity: 0;
	visibility: hidden;
	position: relative;
	-webkit-transition: margin 0.3s ease-in-out 0.3s, opacity 0.6s ease-in-out 0.3s;
	-moz-transition: margin 0.3s ease-in-out 0.3s, opacity 0.6s ease-in-out 0.3s;
	-ms-transition: margin 0.3s ease-in-out 0.3s, opacity 0.6s ease-in-out 0.3s;
	-o-transition: margin 0.3s ease-in-out 0.3s, opacity 0.6s ease-in-out 0.3s;
	transition: margin 0.3s ease-in-out 0.3s, opacity 0.6s ease-in-out 0.3s;
}
#maxWM .intro-body a, #maxWM2 .intro-body a {
	background-color: #2dabf9;
-moz-border-radius: 2.5px;
-webkit-border-radius: 2.5px;
border-radius: 2.5px;
border: none;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
font-size: 14px;
letter-spacing: 0.02em;
font-weight: 600;
padding: 9px 23px;
text-decoration: none;
text-transform: uppercase;
margin-right: 8px;
	margin-top: 2em;
}

 

/** 4.4. Selectors *************/

/* Captions */
#maxWM input#image-1:checked ~ .image-1 > .caption h3, /* <-- H3 title visibility for image 1 */
#maxWM input#image-2:checked ~ .image-2 > .caption h3, /* <-- H3 title visibility for image 2 */
#maxWM input#image-3:checked ~ .image-3 > .caption h3, /* <-- H3 title visibility for image 3 */
#maxWM input#image-1:checked ~ .image-1 > .caption p,  /* <-- paragraph visibility for image 1 */
#maxWM input#image-2:checked ~ .image-2 > .caption p,  /* <-- paragraph visibility for image 2 */
#maxWM input#image-3:checked ~ .image-3 > .caption p,  /* <-- paragraph visibility for image 3 */

#maxWM2 input#image-4:checked ~ .image-4 > .caption h3, /* <-- H3 title visibility for image 4 */
#maxWM2 input#image-5:checked ~ .image-5 > .caption h3, /* <-- H3 title visibility for image 5 */
#maxWM2 input#image-6:checked ~ .image-6 > .caption h3, /* <-- H3 title visibility for image 6 */
#maxWM2 input#image-4:checked ~ .image-4 > .caption p,  /* <-- paragraph visibility for image 4 */
#maxWM2 input#image-5:checked ~ .image-5 > .caption p,  /* <-- paragraph visibility for image 5 */
#maxWM2 input#image-6:checked ~ .image-6 > .caption p,  /* <-- paragraph visibility for image 6 */
/* Images */
#maxWM input#image-1:checked ~ .image-1,
#maxWM input#image-2:checked ~ .image-2,
#maxWM input#image-3:checked ~ .image-3,
#maxWM2 input#image-4:checked ~ .image-4,
#maxWM2 input#image-5:checked ~ .image-5,
#maxWM2 input#image-6:checked ~ .image-6 {
	visibility: visible;
	opacity: 1;
	z-index: 10;
	margin-left: 0;
	margin-right: 0;
}

/** 4.5. Navigation arrows ************/

label#left{position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 15%;
opacity: 0.6;
color: inherit;
border: 0;
outline: none !important;
background: transparent;
-webkit-appearance: none;
font-size: 0;
display: inline-block;
padding: 0;
line-height: 1;
z-index: 100;}

label#right{position: absolute;
right: 0;
top: 0;
bottom: 0;
width: 15%;
opacity: 0.6;
color: inherit;
border: 0;
outline: none !important;
background: transparent;
-webkit-appearance: none;
font-size: 0;
display: inline-block;
padding: 0;
line-height: 1;
z-index: 100;}

/*
label:before {
  font-family: "sp-theme-icons";
  content: "\f3d2";
  font-size: 100px;
}
*/

label.prev:before,label.prev2:before {top: 42%;
  position: absolute;
  left: 35%;
}

label.next:before, label.next2:before {
  content: '\f3d3';
  top: 42%;
  position: absolute;
  right: 35%;
}
label.next, label.next2{left: auto;
  right: 0;
}



/*  ==================
    7. COMMON STYLES
    ==================  */

/** 7.1. Transitions ************/

#maxWM label, #maxWM2 label {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#maxWM .caption a, #maxWM2 .caption a {
	-webkit-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
	-moz-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
	-ms-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
	-o-transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
	transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

/** 7.2. Other ************/

#maxWM .caption a:hover,
#maxWM label.prev:hover,
#maxWM label.next:hover,
#maxWM label.prev:focus,
#maxWM label.next:focus,
#maxWM2 .caption a:hover,
#maxWM2 label.prev2:hover,
#maxWM2 label.next2:hover,
#maxWM2 label.prev2:focus,
#maxWM2 label.next2:focus {
	
	color: #222;
}


/*  ==================
    8. MEDIA QUERIES
    ==================  */

/** 8.1. Max width 1024px ************/

@media screen and (max-width: 1024px) {
	.image-1 {
		background-image: url("../images/slide8.jpg"); /* <-- Smaller size for first image */
	}
	.image-2 {
		background-image: url("../images/slide/slide1.jpg"); /* <-- Smaller size for second image */
	}
	.image-3 {
		background-image: url("../images/slide8.jpg"); /* <-- Smaller size for third image */
	}
	.image-4 {
		background-image: url("../images/slide/slide1.jpg"); /* <-- Smaller size for first image */
	}
	.image-5 {
		background-image: url("../images/slide8.jpg"); /* <-- Smaller size for second image */
	}
	.image-6 {
		background-image: url("../images/slide/slide1.jpg"); /* <-- Smaller size for third image */
	}
}

/** 8.2. Max width 800px ************/

@media screen and (max-width: 800px) {
	}

/** 8.3. Max height 640px ************/

@media screen and (max-height: 640px) {
	#maxWM .caption, #maxWM2 .caption {
		bottom: 12%;
	}
	#maxWM .caption h3, #maxWM2 .caption h3{
		font-size: 1em;
	}
	#maxWM .caption p, #maxWM .caption p {
		font-size: 0.6em;
	}
}




@media (max-width: 1240px) {	
}
@media (max-width: 767px) {
	#baumers-dark-system p, #baumers-dark-system h3{
		text-align: left;	
	}
	.baumers-LinkListe a#datenblatt{
	display: inline-block;
line-break: strict;
	padding: 1em;
}
}
@media (max-width: 575px) {
	.baumers-left-block{
	text-align: center;
	}
	.Plug-Play_bg{
		padding: 80px 0;}
  }


/* Start */
#sp-about p {
  margin-bottom: 0px;
}


#baumersIndexPage{
	height: 100vh;
	background: #505050;
	display: -webkit-box;
     display: -webkit-flex;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -webkit-align-items: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -webkit-justify-content: center;
     -ms-flex-pack: center;
     justify-content: center;
}
.Zentrum{
	width: 100%;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.baumers-intro-container {
  margin-bottom: -50px;
  margin-top: 20%;
}
.baumers-intro-block{
	padding: 0 23%;
}


.iconAuswahl{
max-width: 80px;
margin: 0 auto;
	}



.titleAuswahl{
	color: #fff;
	text-transform: uppercase;
	margin-bottom: -1em;
}


h4#titleAuswahl{
color: #fff;
font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
font-size: 14px;
letter-spacing: 0.2em;
font-weight: 600;
	margin-top: 40px;
}



.textAuswahl{
	color: #fff;
	line-height: 1.5em;
	font-size: 14px;
}

/* Services */
.sp-services-container {
  margin-bottom: -50px;
}

.sp-services-container .sp-services-block {
  margin-bottom: 50px;
}
@media (max-width: 1240px) {
	.baumers-intro-block{
	padding: 0 8%;
	}
}
@media (max-width: 767px) {
 .baumers-intro-container {
	 
	}
	#baumersIndexPage{
	height:auto;
	}
  .sp-services-container {
    margin-bottom: -30px;
  }
  .sp-services-container .sp-services-block {
    margin-bottom: 30px;
  }
}

.sp-services-block .icon {
  font-size: 65px;
  margin-bottom: 1rem;
  color: #111;
}

.sp-services-block .title h4 {
  font-size: 19px;
  margin-bottom: 1rem;
}

.sp-services-block .text {
  margin-bottom: 0;
}

/* Team */
.sp-team-block {
  margin-top: 10px;
}

.sp-team-block .image {
  position: relative;
  margin-bottom: 1rem;
}

.sp-team-block .image:before {
  content: '';
  background: rgba(0, 0, 0, 0.15);
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

.sp-team-block .image img {
  max-width: 100%;
  border-radius: 4px;
}

.sp-team-block .image .soc-links {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.sp-team-block .image .soc-links ul {
  display: inline-block;
  text-align: center;
  padding: 0;
  margin: 0;
}

.sp-team-block .image .soc-links ul li {
  float: left;
  opacity: 0;
  visibility: hidden;
  list-style: none;
  margin: 0 10px;
  text-align: center;
  font-size: 25px;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
  -webkit-transform: translate3d(0, 20px, 0);
          transform: translate3d(0, 20px, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.sp-team-block .image .soc-links ul li a {
  color: #fff;
}

.sp-team-block .image .soc-links ul li a:hover {
  opacity: 0.75;
}

.sp-team-block .title h4 {
  font-size: 21px;
  margin-bottom: 0.5rem;
}

.sp-team-block .type {
  color: #999;
}

.sp-team-block:hover .image ul li {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, -webkit-transform 0.5s;
  transition: opacity 0.5s, transform 0.5s;
  transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
}

.sp-team-block:hover .image ul li:first-child {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.sp-team-block:hover .image ul li:nth-child(2) {
  -webkit-transition-delay: 0.20s;
          transition-delay: 0.20s;
}

.sp-team-block:hover .image ul li:nth-child(3) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.sp-team-block:hover .image ul li:nth-child(4) {
  -webkit-transition-delay: 0.30s;
          transition-delay: 0.30s;
}

.sp-team-block:hover .image:before {
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

/* Fun Fact */
.sp-animate-numbers.white h2 {
  color: #fff;
}

.sp-animate-numbers.white p {
  color: #fff;
}

.sp-animate-numbers h2 {
  font-size: 55px;
  line-height: 90px;
  letter-spacing: 7px;
  margin-bottom: 0;
}

.sp-animate-numbers p {
  font-size: 21px;
  margin-bottom: 0;
}

/* ============================================================================= */
/* Portfolio listing. */
/* ============================================================================= */
.sp-portfolio-block {
  overflow: hidden;
  width: 100%;
}

.sp-portfolio-block .sp-portfolio-sorting {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  margin-bottom: 50px;
}

.sp-portfolio-block .sp-portfolio-sorting li {
  display: inline-block;
}

.sp-portfolio-block .sp-portfolio-sorting li:after {
  content: '/';
  padding: 0 1rem;
  font-size: 15px;
}

.sp-portfolio-block .sp-portfolio-sorting li:last-child:after {
  content: none;
}

.sp-portfolio-block .sp-portfolio-sorting li a {
  color: #333;
}

.sp-portfolio-block .sp-portfolio-sorting li.active > a {
  color: #505050;
}

@media (max-width: 575px) {
  .sp-portfolio-block .sp-portfolio-sorting {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .sp-portfolio-block .sp-portfolio-sorting li:after {
    display: none;
  }
  .sp-portfolio-block .sp-portfolio-sorting li {
    padding: 0 1rem;
  }
}

.sp-portfolio-block.inner .sp-portfolio-sorting {
  margin-bottom: 100px;
}

.sp-portfolio-block.inner .sp-portfolio-sorting li {
  margin: 0 10px 10px 10px;
}

.sp-portfolio-block.inner .sp-portfolio-sorting li > a {
  display: inline-block;
  border-radius: 4px;
  background: #eee;
  -webkit-transition: background 0.25s linear;
  transition: background 0.25s linear;
  padding: 6px 18px;
}

.sp-portfolio-block.inner .sp-portfolio-sorting li:hover > a,
.sp-portfolio-block.inner .sp-portfolio-sorting li.active > a {
  background: #505050;
  color: #fff;
}

.sp-portfolio-block.inner .sp-portfolio-sorting li:after {
  content: none;
}

.sp-portfolio-block.inner .sp-portfolio-items {
  margin-left: -30px;
  margin-right: -30px;
  width: auto;
}

.sp-portfolio-block.inner .sp-portfolio-items [class^="col-"], .sp-portfolio-block.inner .sp-portfolio-items [class*=" col-"] {
  padding-left: 15px;
  padding-right: 15px;
}

.sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item {
  padding: 0;
  margin-bottom: 30px;
}
div#half_item.sp-portfolio-item{
  margin-bottom: 0px;
}

.sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item.x1_5 a {
  height: 650px;
}

.sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item.x1 a {
  height: 708px;
}

.sp-portfolio-block.inner .sp-portfolio-items .sp-portfolio-item a {
  height: 340px;
}

	}
.sp-portfolio-items {
  margin-left: -17px;
  margin-right: -17px;
  width: auto;
}
.baumers-sliderauswahl-items {
  margin-left: -17px;
  margin-right: -17px;
  width: auto;
}

.sp-portfolio-items [class^="col-"], .sp-portfolio-items [class*=" col-"] {
  padding: 0;
}
.baumers-sliderauswahl-items [class^="col-"], .baumers-sliderauswahl-items [class*=" col-"] {
  padding: 0;
}


.sp-portfolio-item {
  padding: 2px;
}

.sp-portfolio-item.x2 a {
  height: 704px;
}

.sp-portfolio-item a {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 350px;
  position: relative;
  display: block;
  cursor: pointer;
}
div#panelTab{
	padding-right: 0px;
	padding-left: 0px;
}

.baumers-sliderauswahl-item a {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #E8E8E8;
  text-align: center;
}
.baumers-sliderauswahl-item a h5.title_sliderAuswahl {
 line-height: 3.1em;
margin-bottom: 0rem;
}

.baumers-sliderauswahl-item a:hover {
  background-color: #0098DC;
  color: #fff;
}
.baumers-sliderauswahl0-item a {
  background-position: center;
background-repeat: no-repeat;
width: 100%;
height: 100%;
  position: relative;
  display: block;
  cursor: pointer;
  background-image: url('../svg/magnetfilter_sch.svg');
  text-align: center;
}
.baumers-sliderauswahl0-item a h5.title_sliderAuswahl0 {
 line-height: 3.1em;
margin-bottom: 0rem;
}

.baumers-sliderauswahl0-item a:hover {
  background-image: url('../svg/magnetfilter_blu.svg');
  color: #0098DC;
}

.sp-portfolio-item a .portfolio-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  padding: 50px 50px 0 50px;
}

.sp-portfolio-item a .portfolio-hover h5 {
  color: #fff;
  font-size: 1.4rem;
  margin-bottom: 0;
  text-align: left;
  position: relative;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 0;
}

.sp-portfolio-item a .portfolio-hover span.desc {
  color: #fff;
  text-align: left;
  position: relative;
  display: block;
  margin-top: 20px;
  width: 70%;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  -webkit-transition: all 0.65s;
  transition: all 0.65s;
  opacity: 0;
}

.sp-portfolio-item a .portfolio-hover span.link {
  color: #fff;
  font-size: 3.3rem;
  text-align: left;
  position: absolute;
  bottom: 30px;
  left: 50px;
  line-height: 1;
  -webkit-transform: translate3d(-20px, 0, 0);
          transform: translate3d(-20px, 0, 0);
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  opacity: 0;
}

.sp-portfolio-item:hover .portfolio-hover {
  background: rgba(0, 0, 0, 0.65);
}

.sp-portfolio-item:hover .portfolio-hover h5 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.sp-portfolio-item:hover .portfolio-hover span.desc {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.sp-portfolio-item:hover .portfolio-hover span.link {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

.sp-portfolio-item img {
  max-width: 100%;
  height: auto;
}

.sp-portfolio-list.unlist {
  margin-bottom: 3rem;
}

.sp-portfolio-list.unlist li {
  display: inline-block;
  margin: 0 20px;
}

.sp-portfolio-list.unlist li:last-child {
  margin: 0 20px;
}

.sp-portfolio-list ul {
  padding: 0;
  margin: 0;
}

.sp-portfolio-list ul li {
  list-style: none;
  line-height: 1;
  margin-bottom: 1rem;
}

.sp-portfolio-list ul li:last-child {
  margin: 0;
}

.sp-portfolio-list ul li i {
  font-size: 30px;
  padding-right: 8px;
  position: relative;
  top: 5px;
}

.sp-portfolio-bar-left a {
  color: #333;
}

.sp-portfolio-bar-left a:hover {
  color: #505050;
}

.sp-portfolio-bar-left a:hover:before {
  color: #505050;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.sp-portfolio-bar-left a:before {
  font-family: 'sp-theme-icons';
  font-size: 21px;
  color: #333;
  content: '\f3d2';
  top: 2px;
  position: relative;
  margin-right: 10px;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.sp-portfolio-bar-right a {
  color: #333;
}

.sp-portfolio-bar-right a:hover {
  color: #505050;
}

.sp-portfolio-bar-right a:hover:after {
  color: #505050;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.sp-portfolio-bar-right a:after {
  font-family: 'sp-theme-icons';
  font-size: 21px;
  color: #333;
  content: '\f3d3';
  top: 2px;
  position: relative;
  margin-left: 10px;
  -webkit-transition: color 0.25s linear;
  transition: color 0.25s linear;
}

.sp-portfolio-bar-center {
  margin-top: 5px;
}

.sp-portfolio-bar-center a {
  line-height: 1;
  font-size: 30px;
  color: #333;
}

.sp-portfolio-bar-center a:hover {
  color: #505050;
}

#sp-single-portfolio .sp-single-heading {
  position: relative;
}

#sp-single-portfolio .sp-single-heading h1 {
  position: absolute;
  top: 0;
  line-height: 1;
  font-weight: bold;
}

#sp-single-portfolio .sp-single-heading h1:after {
  font-family: 'sp-theme-icons';
  font-size: 50px;
  color: #333;
  content: '\f3d6';
  padding-left: 30px;
  line-height: 1;
  position: relative;
  top: 3px;
}

#sp-single-portfolio h3 {
  margin-top: 5px;
}

#sp-single-portfolio .sp-single-portfolio-soc {
  margin-top: 2rem;
}

#sp-single-portfolio .sp-single-portfolio-soc ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-size: 0;
  max-width: none;
}

#sp-single-portfolio .sp-single-portfolio-soc ul li {
  display: inline;
}

#sp-single-portfolio .sp-single-portfolio-soc ul li a {
  display: inline-block;
  font-size: 18px;
  color: #333;
  padding: 5px 14px;
}

#sp-single-portfolio .sp-single-portfolio-soc ul li a:hover {
  color: #505050;
}

/* Animated Circle */
.sp-circle {
  position: relative;
  display: inline-block;
  margin: 0 15px;
  vertical-align: top;
  text-align: center;
  width: 125px;
  padding-top: 42px;
  height: 125px;
}

.sp-circle canvas {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.sp-circle span {
  font-weight: 700;
  font-size: 17px;
}

.sp-circle span:after {
  content: '%';
  margin-left: 0.1em;
}
.intro-bg.SchlussSlider{
		max-height: auto;
	}

@media (max-width: 575px) {
  .sp-circle {
    margin-top: 15px;
    margin-bottom: 0;
  }
  div#panelTab{
	padding: 0!important;
	}
}


@media (max-width: 991px) {
  .sp-circle {
    margin-bottom: 15px;
  }
  .intro-bg.SchlussSlider{
		max-height: 50vh;
	}
	div#panelTab{
	padding: 0!important;
	}
}

.sp-circle-text {
  margin-top: -5px;
  font-size: 14px;
}

@media (max-width: 991px) {
  #sp-magic .text-right {
    text-align: center !important;
  }
}

/* ============================================================================= */
/* Testimonials slider. */
/* ============================================================================= */
.sp-slick-testimonials .slick-dots {
  margin-top: 15px;
}

.sp-testimonials-block {
  text-align: center;
}

.sp-testimonials-block .text {
  margin-bottom: 0;
}

.sp-testimonials-block .photo img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  margin-top: 2rem;
}

.sp-testimonials-block .name {
  margin-bottom: 1rem;
  margin-top: 2rem;
}

.sp-testimonials-block .name:empty {
  display: none;
}

/* Contacts */
.sp-contacts-list ul {
  padding: 0;
  margin: 0;
}

.sp-contacts-list ul li {
  list-style: none;
  margin-bottom: 0.45rem;
}

.sp-contacts-list ul li i {
  font-size: 30px;
  padding-right: 8px;
  position: relative;
  top: 5px;
}

/* Other Styles */
.sp-slick-clients .item {
  opacity: 0.65;
  -webkit-transition: opacity 0.25s linear;
  transition: opacity 0.25s linear;
  padding: 0 15px;
  text-align: center;
}

.sp-slick-clients .item img {
  max-width: 100%;
  height: auto;
}

.sp-slick-clients .item:hover {
  opacity: 1;
}

@media (max-width: 767px) {
  .sp-slick-clients .item {
    opacity: 1;
  }
}

/* Quote */
#sp-quote .sp-signature {
  font-size: 30px;
}

.sp-quote {
  font-size: 19px;
}

.sp-quote:before, .sp-quote:after {
  font-family: "sp-theme-icons";
  font-size: 23px;
  position: relative;
}

.sp-quote:after {
  content: '\e80f';
  left: 15px;
  top: 7px;
}

.sp-quote:before {
  content: '\e80e';
  right: 15px;
}

/* ============================================================================= */
/* Theme progress bars. */
/* ============================================================================= */
.sp-progress-bar {
  margin: 1rem 0 2rem 0;
}

.sp-progress-bar .title {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.5rem;
}

.sp-progress-bar .title span {
  float: right;
  font-size: 15px;
  position: relative;
  top: 2px;
}

.sp-progress-bar .progress-bar {
  -webkit-transition: none;
  transition: none;
}

/* ============================================================================= */
/* Pricing tables. */
/* ============================================================================= */
.pricing_tables_wrap {
  background: #fff;
  text-align: center;
  border: 1px solid #eee;
  position: relative;
  overflow: hidden;
  -webkit-transition: -webkit-box-shadow 0.5s ease;
  transition: -webkit-box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease;
  transition: box-shadow 0.5s ease, -webkit-box-shadow 0.5s ease;
}

.pricing_tables_wrap > .pricing_tables_name {
  text-align: center;
  font-size: 1.2em;
  color: #222222;
  padding: 1rem 0;
  font-weight: 600;
/*   border-bottom: 1px solid #eee; */
}

.pricing_tables_wrap > .pricing_tables_price{
	
}

/*
.pricing_tables_wrap > .pricing_tables_price {
  text-align: center;
  font-size: 65px;
  padding: 1rem 0;
  border-bottom: 1px solid #eee;
  margin-bottom: 0;
}
*/

.pricing_tables_wrap > .pricing_tables_price span {
  color: #888;
  font-size: 27px;
  position: relative;
  left: -7px;
  top: -29px;
}

.pricing_tables_wrap > .pricing_tables_price i {
  color: #888;
  font-size: 14px;
  position: relative;
  top: 0;
  font-weight: 300;
}

.pricing_tables_wrap > .pricing_tables_desc {
  padding: 20px 30px;
  border-bottom: 1px solid #eee;
  text-align: center;
}
.baumers-pricetables-text{
	padding: 2em 3.4em;
	min-height: 125px;
}
.baumers-pricetables-text p{
	margin-bottom: 0;
}

.baumers-pricetables-produkt-special{
	padding-top: 2em;
}
.baumers-pricetables-produkt-special2{
	padding-left: 3.4em;
padding-right: 3.4em;
text-align: left;
}

.baumers-pricetables-produkt-special2 p{text-transform: uppercase ;font-family: 'Montserrat'; Arial, 'Helvetica Neue',sans-serif;font-size: .85em;margin-bottom: 1em;}
.baumers-pricetables-produkt-special2 h4{
	margin-bottom: 0rem;line-height: .5em;text-align: left;
}
.baumers-pricetables-produkt-special p span{
	color: #0098DC;
}

.baumers-pricetables-articles{
	padding-top: 2rem;
	color: #0A0C0F;
	font-size: .9em;
	font-weight: 600;
	text-align: left;
	padding: 0 0;
}
.baumers-pricetables-articles ul {
  	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: inline-block;
}
.baumers-pricetables-articles2{padding-top: 0rem;padding-bottom: 3rem;color: #0A0C0F;
font-size: 12px;
line-height: 22px;
font-weight: 600;
text-align: left;
padding-left: 3.4em;
padding-right: 3.4em;
display: table;
}
.baumers-pricetables-articles2 ul {
  	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	display: inline-block;
}
.baumers-pricetables-articles2 ul li:before{content: url('../svg/checkmark.svg');
width: 20px;
margin-right: 20px;
color: #0098DC;
display: inline-block;}

.pricing_tables_wrap > .pricing_tables_desc ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.pricing_tables_wrap > .pricing_tables_desc ul li {
  display: block;
  padding: 10px 0;
  color: #888;
}

.pricing_tables_wrap > .pricing_tables_buttons {
  text-align: center;
  padding: 20px 30px;
  margin: 0 -10px;
}

.pricing_tables_wrap > .pricing_tables_buttons > a, .pricing_tables_wrap > .pricing_tables_buttons > .btn, .pricing_tables_wrap > .pricing_tables_buttons > .btn-group {
  vertical-align: middle;
  margin: 10px;
}

.pricing_tables_wrap.featured {
  -webkit-box-shadow: 0 15px 50px -5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 15px 50px -5px rgba(0, 0, 0, 0.25);
}

.pricing_tables_wrap.featured > .pricing_tables_name {
  color: #333;
}

.pricing_tables_wrap.featured > .pricing_tables_price {
  color: #505050;
}

#sp-pricing-tables-faq h4 {
  margin-bottom: 1.5rem;
}

#sp-pricing-tables-faq p {
  margin-bottom: 4rem;
}

#sp-pricing-tables-faq p:last-child {
  margin-bottom: 0;
}

@media (max-width: 1500px) {
	.baumers-pricetables-text{
	padding: 2em 3.4em;
	min-height: 200px;
}
  .baumers-pricetables-articles{
	padding-top: 2rem;
	color: #0A0C0F;
	font-size: .9em;
	font-weight: 600;
	text-align: left;
	padding: 0 20%;
	}
	.baumers-pricetables-articles ul li:before {
  	margin: 3px 0em;
		left: 3.45em;
	}
}
@media (max-width: 767px) {
	.baumers-pricetables-articles ul li:before {
  	left: 6.45em;
	}
	.baumers-pricetables-text{
		padding: 2em 3.4em 0em 3.4em;
		min-height: 130px;
	}

}




/* ============================================================================= */
/* FAQ page. */
/* ============================================================================= */
.card.sp-faq-card {
  border: 1px solid #eee;
  border-radius: 0;
  text-align: left;
}

.card.sp-faq-card + .sp-faq-card {
  margin-top: 15px;
}

.card.sp-faq-card > .card-header {
  padding: 0.5rem 1.5rem;
  background-color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: none;
}

.card.sp-faq-card > .card-header > .card-title {
  font-size: 1.1rem;
  color: #333;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  -webkit-transition: color 0.25s;
  transition: color 0.25s;
  margin: 10px 0;
}

.card.sp-faq-card > .card-header > .toggle-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin-left: 20px;
  color: #505050;
  line-height: 1;
  font-size: 40px;
  will-change: transform;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}

.card.sp-faq-card > .card-header:hover > .card-title {
  color: #505050;
}

.card.sp-faq-card > .card-contents > .card-contents-inner {
  border-top: 1px solid #eee;
  padding: 1rem 1.5rem;
}

.card.sp-faq-card > .card-contents p {
  margin-bottom: 1rem;
}

.card.sp-faq-card > .card-contents p:last-child {
  margin-bottom: 0;
}

.card.sp-faq-card.card-open > .card-header > .card-title {
  color: #505050;
}

.card.sp-faq-card.card-open > .card-header > .toggle-icon {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.sp-faq-articles {
  border-top: 1px solid #ddd;
  padding-top: 2rem;
}

.sp-faq-articles ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.sp-faq-articles ul li {
  margin-bottom: 15px;
}

.sp-faq-articles ul li:last-child {
  margin-bottom: 0;
}

.sp-faq-articles ul li:before {
  content: '\f3d3';
  font-family: 'sp-theme-icons';
  font-size: 18px;
  padding-right: 10px;
  color: #505050;
}

.sp-faq-articles ul li a {
  color: #333;
}

.sp-faq-articles ul li a:hover {
  color: #505050;
}

/* ============================================================================= */
/* Clients page. */
/* ============================================================================= */
.sp-clients-grid .sp-clients-block {
  background: #fff;
  padding: 2rem;
  margin-bottom: 30px;
  -webkit-transition: -webkit-box-shadow 0.5s;
  transition: -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s;
  transition: box-shadow 0.5s, -webkit-box-shadow 0.5s;
  will-change: box-shadow;
}

.sp-clients-grid .sp-clients-block > .client-logo {
  padding-bottom: 1.5rem;
  display: inline-block;
  max-width: 100%;
  opacity: 0.85;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  will-change: opacity;
}

.sp-clients-grid .sp-clients-block:hover {
  -webkit-box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.075);
          box-shadow: 0 0 25px 1px rgba(0, 0, 0, 0.075);
}

.sp-clients-grid .sp-clients-block:hover > .client-logo {
  opacity: 1;
}

.sp-clients-grid .sp-clients-block > .client-title {
  margin-bottom: 1.5rem;
}

.sp-clients-grid .sp-clients-block .btn {
  -webkit-transition-property: background, border;
  transition-property: background, border;
}

/* ============================================================================= */
/* Mailchimp subscribe block. */
/* ============================================================================= */
/*
.sp-subscribe-form {
  position: relative;
  max-width: 570px;
  padding: 0 15px;
  margin: 0 auto;
}

.sp-subscribe-form > .form-inner-wrap {
  position: relative;
  z-index: 50;
  -webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, -webkit-transform 0.25s;
  transition: opacity 0.25s, transform 0.25s;
  transition: opacity 0.25s, transform 0.25s, -webkit-transform 0.25s;
}

.sp-subscribe-form > .form-inner-wrap img {
  max-width: 130px;
  opacity: 0.2;
  margin-top: 2rem;
}

.sp-subscribe-form > .form-inner-wrap p.appear-message {
  margin-top: 1rem;
  margin-bottom: 0;
}

.sp-subscribe-form > .form-inner-wrap .input-group {
  width: 350px;
  margin: auto;
}

.sp-subscribe-form > .form-output {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 0 15px;
  width: 100%;
  min-height: 118px;
  z-index: 100;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-50%) scale(0.8);
          transform: translateY(-50%) scale(0.8);
  background: inherit;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
  text-align: center;
}

.sp-subscribe-form > .form-output:before {
  font-family: "sp-theme-icons";
  font-size: 70px;
  line-height: 70px;
  display: block;
  margin: 0 auto 20px;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.sp-subscribe-form.mc-loading > .form-inner-wrap, .sp-subscribe-form.mc-invalid > .form-inner-wrap, .sp-subscribe-form.mc-valid > .form-inner-wrap {
  opacity: 0;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.sp-subscribe-form.mc-loading > .form-output, .sp-subscribe-form.mc-invalid > .form-output, .sp-subscribe-form.mc-valid > .form-output {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}

.sp-subscribe-form.mc-loading > .form-output:before, .sp-subscribe-form.mc-invalid > .form-output:before, .sp-subscribe-form.mc-valid > .form-output:before {
  -webkit-animation-name: sp-mc-form-output-icon;
          animation-name: sp-mc-form-output-icon;
}

.sp-subscribe-form > .form-output.valid:before {
  content: '\f3fd';
  color: #5cb85c;
}

.sp-subscribe-form > .form-output.error:before {
  content: '\f404';
  color: #d9534f;
}

.sp-subscribe-form.mc-loading > .form-output:before {
  content: '\f45a';
  color: inherit;
  font-size: 55px;
  -webkit-animation: sp-mc-loading-icon 1s linear infinite;
          animation: sp-mc-loading-icon 1s linear infinite;
}

@-webkit-keyframes sp-mc-loading-icon {
  from {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes sp-mc-loading-icon {
  from {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes sp-mc-form-output-icon {
  from {
    -webkit-transform: rotate(-360deg) scale(0.7);
            transform: rotate(-360deg) scale(0.7);
    opacity: 0.3;
  }
  to {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}

@keyframes sp-mc-form-output-icon {
  from {
    -webkit-transform: rotate(-360deg) scale(0.7);
            transform: rotate(-360deg) scale(0.7);
    opacity: 0.3;
  }
  to {
    -webkit-transform: rotate(0deg) scale(1);
            transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
*/

/* ============================================================================= */
/* 404 page. */
/* ============================================================================= */
#sp-404 > .intro-body {
  padding-top: 50px;
  padding-bottom: 50px;
}

#sp-404 h1 {
  margin-bottom: 2rem;
  font-size: 5rem;
  line-height: 5rem;
}

#sp-404 h3 {
  margin-bottom: 3rem;
  font-size: 3.5rem;
  font-family: 'Shadows Into Light', cursive;
  -webkit-transform: rotate(-2deg) !important;
          transform: rotate(-2deg) !important;
}

#sp-404 .sp-soc-links {
  margin-bottom: 2rem;
  font-size: 0;
}

#sp-404 .sp-soc-links ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

#sp-404 .sp-soc-links ul li {
  display: inline;
}

#sp-404 .sp-soc-links ul li a {
  display: inline-block;
  padding: 0 12px;
  font-size: 26px;
}

#sp-404 .sp-soc-links ul li a:hover {
  color: #505050;
}

#sp-404 .sp-404-menu ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-size: 0;
}

#sp-404 .sp-404-menu ul li {
  display: inline;
  white-space: nowrap;
}

#sp-404 .sp-404-menu ul li:after {
  content: '|';
  display: inline-block;
  margin: 0 10px;
  font-size: 1rem;
}

#sp-404 .sp-404-menu ul li:last-child:after {
  content: '';
}

#sp-404 .sp-404-menu ul li a {
  font-size: 1rem;
}

#sp-404 .sp-404-menu ul li a:hover {
  color: #505050;
}

@media (max-width: 767px) {
  #sp-404 h1 {
    font-size: 3.8rem;
    line-height: 3.8rem;
    padding: 0 15px;
  }
  #sp-404 h3 {
    font-size: 3rem;
    padding: 0 15px;
    margin-bottom: 2rem;
  }
  #sp-404 .sp-404-menu ul {
    padding: 0 15px;
  }
}

@media (max-width: 575px) {
  #sp-404 h1 {
    font-size: 3rem;
  }
  #sp-404 h3 {
    font-size: 2rem;
  }
}

/* ============================================================================= */
/* Simple text rotator plugin styles. */
/* ============================================================================= */
.sp-text-rotate {
  display: inline-block;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .sp-text-rotate {
    white-space: normal;
  }
}

.rotating {
  display: inline-block;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
  transform: rotateX(0) rotateY(0) rotateZ(0);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform-origin-x: 50%;
}

.rotating.flip {
  position: relative;
}

.rotating .front, .rotating .back {
  left: 0;
  top: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.rotating .front {
  position: absolute;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 1px);
  transform: translate3d(0, 0, 1px);
}

.rotating.flip .front {
  z-index: 1;
}

.rotating .back {
  display: block;
  opacity: 0;
}

.rotating.spin {
  -webkit-transform: rotate(360deg) scale(0);
  transform: rotate(360deg) scale(0);
}

/* ================================= flip transitions */
.rotating.flip .back {
  z-index: 2;
  display: block;
  opacity: 1;
  -webkit-transform: rotateY(180deg) translate3d(0, 0, 0);
  transform: rotateY(180deg) translate3d(0, 0, 0);
}

.rotating.flip.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0, 0, 0);
  transform: rotateX(180deg) translate3d(0, 0, 0);
}

.rotating.flip.cube .front {
  -webkit-transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
  transform: translate3d(0, 0, 100px) scale(0.85, 0.85);
}

.rotating.flip.cube .back {
  -webkit-transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
  transform: rotateY(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
}

.rotating.flip.cube.up .back {
  -webkit-transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
  transform: rotateX(180deg) translate3d(0, 0, 100px) scale(0.9, 0.9);
}

/* ============================================================================= */
/* Typed js integration. */
/* ============================================================================= */
.typed-cursor {
  -webkit-animation: typed-blink 0.7s infinite;
          animation: typed-blink 0.7s infinite;
  opacity: 1;
  display: inline-block;
}

@keyframes typed-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
  -webkit-transition: all 0.25s linear;
  transition: all 0.25s linear;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999 !important;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: rgba(0, 0, 0, 0.85);
  -webkit-transition: background 0.25s linear;
  transition: background 0.25s linear;
}

#swipebox-container {
  position: relative;
  width: 100%;
  height: 100%;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
}

#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}

#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}

#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 20px 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  max-height: 100vh;
  max-height: calc(100vh - 40px);
}

#swipebox-slider .slide-loading {
  background: url("../images/loader.gif") no-repeat center center;
}

#swipebox-close {
  position: absolute;
  top: 10px;
  right: 30px;
  line-height: 1;
  cursor: pointer;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

#swipebox-close:before {
  color: #fff;
  content: '\f404';
  display: inline-block;
  font-family: "sp-theme-icons";
  font-size: 70px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#swipebox-close:hover {
  opacity: 0.6;
}

@media screen and (max-width: 800px) {
  #swipebox-close {
    right: 15px;
  }
  #swipebox-close:before {
    font-size: 30px;
  }
}

/* ============================================================================= */
/* Site socials VC widget. */
/* ============================================================================= */
.sp-site-socials {
  margin: 0 -12px;
  font-size: 0;
  color: #505050;
}

.sp-site-socials > a {
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  opacity: 1;
  display: inline-block;
  color: inherit;
  font-size: 23px;
  padding: 0 12px;
}

.sp-site-socials > a:hover {
  opacity: 0.6;
}

.sp-site-socials.align_center {
  text-align: center;
}

.sp-site-socials.align_left {
  text-align: left;
}

.sp-site-socials.align_right {
  text-align: right;
}

@media (max-width: 767px) {
  .sp-site-socials {
    text-align: center !important;
  }
}

/* ============================================================================= */
/* Visual Composer custom text widget. */
/* ============================================================================= 
.sp-text-widget {
  line-height: 1.75;
  font-size: 1rem;
  font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
  color: #333;
}

.sp-text-widget.primary-font {
  font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
}

.sp-text-widget.headings-font {
  font-family: "Montserrat", "Source Sans Pro", Arial, "Helvetica Neue", sans-serif;
}

.sp-text-widget > p {
  line-height: inherit;
  font-size: inherit;
  color: inherit;
}

.sp-text-widget > p:last-of-type {
  margin-bottom: 0;
}

.sp-text-widget img {
  max-width: 100%;
  height: auto;
}

.sp-text-widget > .sp-signature {
  width: 100%;
  font-size: 23px;
  display: block;
  margin-top: 20px;
  font-family: 'Shadows Into Light', cursive;
  font-style: italic;
  letter-spacing: 2px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

.sp-text-widget > .sp-signature.white {
  color: #fff;
}
*/
/* ============================================================================= */
/* Basic blogroll styles. */
/* ============================================================================= */
#sp-blog-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

#sp-blog-inner > .content-column {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

#sp-blog-inner > .sidebar-column {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  min-width: 0;
  margin-bottom: -50px;
}

#sp-blog-inner > .sidebar-column.left {
  padding-right: 60px;
}

#sp-blog-inner > .sidebar-column.right {
  padding-left: 60px;
}

#sp-blog-inner > .sidebar-column:empty {
  display: none;
}

@media (max-width: 767px) {
  #sp-blog-inner {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #sp-blog-inner > .sidebar-column, #sp-blog-inner > .content-column {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  #sp-blog-inner > .content-column {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #sp-blog-inner > .sidebar-column {
    margin-top: 80px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #sp-blog-inner > .sidebar-column.left {
    padding-right: 0;
  }
  #sp-blog-inner > .sidebar-column.right {
    padding-left: 0;
  }
}

.sp-blog-block {
  margin-bottom: 55px;
}

.sp-blog-block::after {
  display: block;
  content: "";
  clear: both;
}

.sp-blog-block p {
  margin-bottom: 1.5rem;
}

.sp-blog-block p:last-child {
  margin-bottom: 0;
}

.sp-blog-block .sp-blog-image {
  position: relative;
  margin-bottom: 1.5rem;
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.sp-blog-block .sp-blog-image a {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 240px;
  position: relative;
  display: block;
  cursor: pointer;
}

@media (max-width: 991px) {
  .sp-blog-block .sp-blog-image a {
    height: 260px;
  }
}

.sp-blog-block .sp-blog-image:hover {
  opacity: 0.7;
}

.sp-blog-block .entry-title {
  margin-bottom: 1rem;
  font-size: 1.5rem;
}

.sp-blog-block .profiwissen-title {
  color: #000;
  font-size: 16px;
  font-family: "Montserrat", Arial, "Helvetica Neue", sans-serif;
	letter-spacing: 0.02em;
	line-height: 22px;
	max-width: 500px;
}


.sp-blog-block .sp-blog-meta {
  margin-bottom: 0.5rem;
  width: 100%;
}

.sp-blog-block .sp-blog-meta ul {
  padding: 0;
  margin: 0;
  display: inline-block;
}

.sp-blog-block .sp-blog-meta ul li {
  float: left;
  list-style: none;
  font-size: 14px;
  text-transform: capitalize;
}

.sp-blog-block .sp-blog-meta ul li:after {
  content: '/';
  padding: 0 10px;
  color: #999;
}

.sp-blog-block .sp-blog-meta ul li:last-child:after {
  content: none;
}

.sp-blog-block .sp-blog-meta ul li a {
  color: #999;
}

.sp-blog-block.chess {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 60px;
}

@media (max-width: 991px) {
  .sp-blog-block.chess {
    display: block;
  }
}

.sp-blog-block.chess .meta-column {
  padding: 0px 60px;
}

@media (max-width: 1199px) {
  .sp-blog-block.chess .meta-column {
    padding: 50px 30px;
  }
}


.sp-blog-block.chess .meta-column.inner-col {
  display: table-cell;
  width: 50%;
  padding-top:50px;
}



/*
.sp-blog-block.chess .meta-column.inner-col {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}
*/

@media (max-width: 991px) {
  .sp-blog-block.chess .meta-column.inner-col {
    width: 100%;
    display: block;
  }
}

.sp-blog-block.chess .meta-column h4 {
  font-size: 1.5rem;
}

.sp-blog-block.chess .image-column {
  position: relative;
  overflow: hidden;
}

.sp-blog-block.chess .image-column.inner-col {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

@media (max-width: 991px) {
  .sp-blog-block.chess .image-column.inner-col {
    width: 100%;
    display: block;
  }
}

.sp-blog-block.chess .image-column .sp-blog-image {
  margin-bottom: 0;
}

.sp-blog-block.chess .image-column .sp-blog-image a {
  height: 400px;
}

@media (max-width: 1199px) {
  .sp-blog-block.chess .image-column .sp-blog-image a {
    height: 350px;
  }
}

.sp-blog-block.chess.sticky:nth-child(even) .sp-blog-image:after {
  right: 30px;
  left: auto;
}

.sp-blog-block.chess.sticky:nth-child(even) .sp-blog-image:before {
  right: 30px;
  left: auto;
}

.sp-blog-block.classic {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.sp-blog-block.classic .sp-blog-meta-classic {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  padding-right: 30px;
  text-align: right;
}

.sp-blog-block.classic .sp-blog-meta-classic .date {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

.sp-blog-block.classic .sp-blog-meta-classic .year {
  color: #999;
}

.sp-blog-block.classic .sp-blog-image a {
  height: 375px;
}

@media (max-width: 1199px) {
  .sp-blog-block.classic .sp-blog-image a {
    height: 350px;
  }
}

.sp-blog-block.medium {
  margin-bottom: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media (max-width: 991px) {
  .sp-blog-block.medium {
    display: block;
  }
}

.sp-blog-block.medium .sp-blog-image-medium {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 360px;
          flex: 0 0 360px;
  padding-right: 30px;
}

@media (max-width: 991px) {
  .sp-blog-block.medium .sp-blog-image-medium {
    padding-right: 0;
  }
}

.sp-blog-block.medium .sp-blog-image-medium .sp-blog-image {
  margin-bottom: 0;
}

.sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
  height: 275px;
}

@media (max-width: 1199px) {
  .sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
    height: 300px;
  }
}

@media (max-width: 991px) {
  .sp-blog-block.medium .sp-blog-image-medium .sp-blog-image a {
    height: 240px;
  }
}

.sp-blog-block.medium .sp-blog-block-medium h3 {
  font-size: 1.3rem;
}

@media (max-width: 991px) {
  .sp-blog-block.medium .sp-blog-block-medium h3 {
    margin-top: 1rem;
  }
}

.sp-blog-block.sticky .sp-blog-image:after {
  width: 32px;
  height: 48px;
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  border-bottom: 16px solid transparent;
  border-left: 16px solid #505050;
  border-right: 16px solid #505050;
}

.sp-blog-block.sticky .sp-blog-image:before {
  content: 'S';
  font-weight: bold;
  font-size: 19px;
  color: #fff;
  left: 30px;
  position: absolute;
  z-index: 9;
  width: 32px;
  text-align: center;
}

.sp-blog-block.no-thumbnail.sticky {
  padding: 30px;
  background: #f7f7f7;
}

.sp-blog-block.no-thumbnail.sticky .sp-blog-meta-classic {
  text-align: center;
}

/* ============================================================================= */
/* Blogroll post formats. */
/* ============================================================================= */
.sp-blog-block .sp-blog-quote {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 4px solid #eee;
  padding: 30px;
  margin-bottom: 2rem;
}

.sp-blog-block .sp-blog-quote > .quote-icon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-size: 73px;
  color: #505050;
  padding-right: 30px;
  line-height: 1;
  min-width: 0;
}

.sp-blog-block .sp-blog-quote > .quote-inner {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
}

.sp-blog-block .sp-blog-quote > .quote-inner p {
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 600;
}

.sp-blog-block .sp-blog-quote > .quote-inner .blockquote-footer {
  font-size: 100%;
}

.sp-blog-block .sp-blog-quote > .quote-inner .blockquote-footer cite {
  font-style: normal;
}

.sp-blog-block .sp-blog-quote > .quote-inner p:last-child {
  margin-bottom: 0;
}

@media (max-width: 991px) {
  .sp-blog-block .sp-blog-quote {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: center;
  }
  .sp-blog-block .sp-blog-quote > .quote-icon {
    padding: 0 0 1rem;
  }
  .sp-blog-block .sp-blog-quote > .quote-icon, .sp-blog-block .sp-blog-quote > .quote-inner {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .sp-blog-block .sp-blog-quote > .quote-inner p {
    font-size: 1rem;
  }
}

.sp-blog-block .sp-blog-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 4px solid #eee;
  padding: 30px;
  margin-bottom: 2rem;
  width: 100%;
  white-space: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sp-blog-block .sp-blog-link:before {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  content: '\f3d9';
  font-family: "sp-theme-icons";
  font-size: 70px;
  color: #505050;
  margin-right: 30px;
  padding-right: 30px;
  line-height: 1;
  border-right: 1px solid #eee;
}

.sp-blog-block .sp-blog-link a {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-width: 0;
  font-size: 2rem;
  color: #333;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 991px) {
  .sp-blog-block .sp-blog-link {
    padding: 20px;
  }
  .sp-blog-block .sp-blog-link:before {
    font-size: 50px;
    padding-right: 15px;
    margin-right: 15px;
  }
  .sp-blog-block .sp-blog-link a {
    font-size: 1rem;
  }
}

.sp-blog-block .sp-blog-image .caption {
  display: block;
  margin-top: 5px;
}

.sp-blog-block .sp-slick-post-gallery .slick-slide .caption {
  margin-top: 5px;
  display: block;
  opacity: 0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
.sp-blog-block .sp-slick-page-slide .slick-slide .caption {
  margin-top: 5px;
  display: block;
  opacity: 0;
  -webkit-transform: translateX(15px);
          transform: translateX(15px);
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}


.sp-blog-block .sp-slick-post-gallery .slick-slide.slick-animated .caption {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.sp-blog-block .sp-slick-page-slide .slick-slide.slick-animated .caption {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.sp-blog-block .sp-single-embed {
  margin-bottom: 2rem;
}

/* ============================================================================= */
/* Blog sidebar design */
/* ============================================================================= */
.sp-sidebar {
  padding-bottom: 50px;
}

.sp-sidebar a {
  color: #333;
}

.sp-sidebar a:hover {
  color: #505050;
}

.sp-sidebar .sp-widget-block {
  margin-bottom: 55px;
}

.sp-sidebar .sp-widget-block::after {
  display: block;
  content: "";
  clear: both;
}

.sp-sidebar .sp-widget-block:last-child {
  margin-bottom: 0;
}

.sp-sidebar .sp-widget-block > .widget-title {
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}

.sp-sidebar .sp-category {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.sp-sidebar .sp-category li {
  padding-bottom: 15px;
  text-align: left !important;
}

.sp-sidebar .sp-category li span {
  float: right;
  background: #f5f5f5;
  width: 30px;
  font-size: 14px;
  padding: 1px 0;
  text-align: center;
}

.sp-sidebar .sp-popular-posts {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.sp-sidebar .sp-popular-posts > li {
  list-style: none;
  margin-bottom: 20px;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.sp-sidebar .sp-popular-posts > li:hover {
  opacity: 0.7;
}

.sp-sidebar .sp-popular-posts > li:last-child {
  margin-bottom: 0;
}

.sp-sidebar .sp-popular-posts > li > .post-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sp-sidebar .sp-popular-posts > li > .post-link > .image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
          flex: 0 0 100px;
}

.sp-sidebar .sp-popular-posts > li > .post-link > .content {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.sp-sidebar .sp-popular-posts > li .image {
  padding-right: 15px;
  min-width: 0;
}

.sp-sidebar .sp-popular-posts > li .image > img {
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  width: 100%;
  height: 65px;
}

.sp-sidebar .sp-popular-posts > li .content {
  text-align: left !important;
}

.sp-sidebar .sp-popular-posts > li .content h5 {
  font-size: 0.92rem;
  margin-bottom: 0;
  line-height: 1.3;
}

.sp-sidebar .sp-popular-posts > li .content span {
  color: #999;
  font-size: 14px;
}

/* ============================================================================= */
/* Blogroll single page styles. */
/* ============================================================================= */
.sp-intro.single-post {
  text-align: center;
}

.sp-intro.single-post .intro-title {
  line-height: 1.3;
  font-size: 3rem;
  text-transform: capitalize;
}

.sp-intro.single-post .sp-single-meta {
  margin-bottom: 2rem;
  width: 100%;
  font-size: 0;
}

.sp-intro.single-post .sp-single-meta ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
}

.sp-intro.single-post .sp-single-meta ul li {
  display: inline;
  font-size: 18px;
  text-transform: capitalize;
}

.sp-intro.single-post .sp-single-meta ul li:after {
  content: '/';
  padding: 0 10px;
  color: #fff;
}

.sp-intro.single-post .sp-single-meta ul li:last-child:after {
  content: none;
}

.sp-intro.single-post .sp-single-meta ul li a {
  color: #fff;
}

.sp-blog-block.single .sp-blog-block {
  margin-bottom: 50px;
}

.sp-blog-block.single .sp-blog-image:hover {
  opacity: 1;
}

.sp-blog-block.single .sp-blog-image .caption {
  color: #999;
  font-size: 14px;
  width: 100%;
}

.sp-blog-block.single .sp-single-tags {
  font-size: 16px;
}

.sp-blog-block.single .sp-single-tags i {
  font-size: 22px;
  color: #333;
  position: relative;
  top: 1px;
  line-height: 1.1;
  margin-right: 7px;
}

.sp-blog-block.single .sp-single-tags a {
  color: #333;
  padding-right: 5px;
}

.sp-blog-block.single .sp-single-tags a:hover {
  color: #505050;
}

.sp-blog-block.single .sp-single-soc ul {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  font-size: 0;
  margin: -5px -15px;
  text-align: right;
  max-width: none;
}

.sp-blog-block.single .sp-single-soc ul li {
  display: inline;
}

.sp-blog-block.single .sp-single-soc ul li a {
  display: inline-block;
  font-size: 18px;
  color: #222;
  padding: 5px 15px;
}

.sp-blog-block.single .sp-single-soc ul li a:hover {
  color: #505050;
}


#sp-mobile-nav-container { position: fixed; top: 0; bottom: 0; right: 0; width: 600px; z-index: 1040; overflow: hidden; background: #505050; }
#sp-mobile-nav-container > .overlay-inner-wrap { position: relative; -webkit-transform: initial; transform: initial; top: 15%; width: 100%; text-align: center; height: 80%; }

/* ================================= fn menu toggle */
#sp-primary-nav #sp-mobile-nav-trigger { display: inline-block; vertical-align: middle; position: relative; font-size: 18px; z-index: 1040; margin: 15px 0; width: 1.5em; height: 1em; color: inherit; -webkit-transition: none; transition: none; }
#sp-primary-nav #sp-mobile-nav-trigger > span { display: block; position: absolute; height: 1px; width: 100%; background: currentColor; opacity: 1; left: 0; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all .3s ease-in-out, color 0.25s; transition: all .3s ease-in-out, color 0.25s; }

.baumers-nav-block { margin-bottom: 0px; }
.baumers-nav-block:after { border-bottom: 1px solid transparent; content: ""; display: block; margin: 0 auto; width: 30%; padding-top: .5em; }
.baumers-nav-block:hover:after,
.baumers-nav-block.aktiv:after { border-bottom: 1px solid #fff; content: ""; display: block; margin: 0 auto; width: 30%; padding-top: .5em; -webkit-transition: all .3s ease-in-out, color 0.25s; transition: all .3s ease-in-out, color 0.25s; }

 .baumers-nav-container { position: relative; margin-top: 0; margin-bottom: 5%; }

#sp-mobile-nav-container { right: -100%; transition: all .5s; }
html.sp-active-burger-menu #sp-mobile-nav-container { right: 0; }

#bnav_all, .bnav_katbox_sub, .bnav_container_srcoll { transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; -webkit-transition: -webkit-transform 300ms ease-in-out; transform: translateX(0%); }
.bnav_katbox { float: left; }

.bnav { width: 100%; margin: 0; padding: 0; }
.bnav div { width: 100%; list-style-type: none; text-align: left; cursor: pointer; }
.bnav div a.fin { padding: 0 8%; }
.bnav div a.fin b { padding: .75em 0; }
.bnav div a { position: relative; width: 100%; display: inline-block; }
.menuclick > b { transition: margin-left 300ms ease-in-out; }
.menuclick:hover > b,
.menuclick.aktiv > b { color: #1a1a1a; margin-left: .5em; }

.bnav div a b { display: block; font-weight: normal; padding: 1.6em 8%; } 
.bnav div a span { position: absolute; right: 8%; font-family: "sp-theme-icons"; font-size: 1.8em; font-weight: 100; line-height: .9em; }

/* .menuclick.level0 { background: rgb(0,150,220); } */
.menuclick.katcolor0 { background: #A2C60B; }
.menuclick.katcolor1 { background: #0098DC; }
.menuclick.katcolor2 { background: #CCCCCC; }
.menuclick.level0,
.menuclick.level0:hover > b,
.menuclick.level0.aktiv > b { color: rgb(255,255,255); }
.menuclick.level0 b span:after { content: ' '; } /* .menuclick.level0 b span:after { content: '\f3d6'; } */
.menuclick.level0 b span.auf:after { content: '\f3d2'; }/*  .menuclick.level0 b span.auf:after { content: '\f3d2'; } */

.menuclick.level1 { background: rgb(245, 245, 245); }
.menuclick.level1 { color: rgb(84, 84, 84); }
.menuclick.level1 b span:after { content: '\f3d3'; }
.menuclick.level1 b span.auf:after { content: ''; }/* .menuclick.level1 b span.auf:after { content: '\f3d6'; } */

.menuclick.level2_ { display: none; }
.menuclick.level2 { background: rgb(255,255,255); }
.menuclick.level2 { color: rgb(84, 84, 84); }
.menuclick.level2 b span:after { content: '\f3d0'; }
.menuclick.level2 b span.auf:after { content: '\f3d8'; }
.menuclick.level2 b span.aktiv:after { content: '\f3d8'; }

.menuclick.level3 { background: rgb(255,255,255); }
.menuclick.level3 { color: rgb(84, 84, 84); }
.menuclick.level3 b { border-top: 1px solid rgb(220, 220, 220); }
.menuclick.level3 b span:after { content: ''; }

.bnav a b span.noicon:after { content: ''; }

.mb3 { display: none; }

.bnav_katbox_sub { position: relative; transform: translateX(0%); }
.bnav_katbox_sub .bnav { float: left; }
.bnav_katbox_sub .bnavL2 { display: none; }
.bnavL2 { position: absolute; top: 0; left: 50%; }

#bnav_mobil { position: absolute; top: 0; bottom: 0; width: 100%; display: inherit; }
.bnav_container_top { width: initial; margin-left: 0; margin-bottom: 5%; }
.bnav_container_srcoll { display: flex; width: 600px; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; margin-top: 0; }
.bnav_container_srcoll_inmitte { margin-top: 45%; }
.bnav_mobil_aussen { position: relative; width: 25%; background: rgb(80, 80, 80); float:left; }
.bnav_mobil_innen { position: relative; width: 50%; background: transparent; float: left; height: 1px; }
.bnav-block_pfeil { text-align: center; width: 100%; }
.bnav-block_pfeil a { color: rgb(255,255,255); font-family: "sp-theme-icons"; font-size: 3em; line-height: 4em; padding: 15px 20px; }
.menukatclick span { display: none; }
.pfeilprev:after { content: '\f3d2'; }
.pfeilnext:after { content: '\f3d3'; }

.verti_mittig { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

#bnav-container_mobil { position: absolute; width: 100%; display: none; }



@media (max-width: 575px) {
    .form_nav { right: -5.5rem; }
    #sp-primary-nav { right: 1em; }
    
    #sp-mobile-nav-container { width: 100%; }
    #bnav-container_mobil { display: inherit; }
    
    .bnav_container_top { width: 100%; }
    
    .bnav_container_top { width: 600px; }
    .bnav_container_top .col-md-4 { width: 33%; float: left; }
    
    
    .bnav_container_top { width: 100%; }
    .bnav_container_srcoll { display: grid; width: 100%; margin-top: 0 }
    .bnav_container_srcoll > div  { width: 100%; }
    #bnav-container_mobil { display: none; }
    
}

@media (max-width: 767px) {
    
}