/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{position:relative}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../../files/maba/layout/fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../../files/maba/layout/fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../../files/maba/layout/fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../../files/maba/layout/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../../files/maba/layout/fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../../files/maba/layout/fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../files/maba/layout/fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
      font-family: 'bullet';
      src: url('../../files/maba/layout/fonts/bullet.eot?72988637');
      src: url('../../files/maba/layout/fonts/bullet.eot?72988637#iefix') format('embedded-opentype'),
           url('../../files/maba/layout/fonts/bullet.woff?72988637') format('woff'),
           url('../../files/maba/layout/fonts/bullet.ttf?72988637') format('truetype'),
           url('../../files/maba/layout/fonts/bullet.svg?72988637#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/files/maba/layout/materialicons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
    local('MaterialIcons-Regular'),
    url(/files/maba/layout/materialicons/MaterialIcons-Regular.woff2) format('woff2'),
    url(/files/maba/layout/materialicons/MaterialIcons-Regular.woff) format('woff'),
    url(/files/maba/layout/materialicons/MaterialIcons-Regular.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}




html{
font-size:100.1%;

-webkit-overflow-scrolling: touch;
 -webkit-text-size-adjust: 100%;
}
 
body, html {
height:100%;
min-height:100%;
}

body{
font-family: "Open Sans", sans-serif;
color:#707173;
font-size: 19px;
line-height: 2.1rem;
font-weight:300;
display: flex;
min-height: 100vh;
flex-direction: column;
/*overflow:unset !important;*/

}

.morepager.switcher #header .headertop .headercenter{
    height: 100%;
}
.morepager.switcher #header .headertop .mod_logo{
    height: 100%;
}

.morepager.switcher #header .headertop .mod_logo figure{
  background: white;
  padding: 10px;
  width: auto;
  display: table;
  margin: 0 auto;
    height: 100%;
}

strong {
font-weight:600;
}

  #wrapper {
    flex: 1 0 auto;
  }
/*Ende sticky footer*/

#header {

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: top 0.8s;
    transition: top 0.8s;
    padding: 0;
    background-color: #fff;
-webkit-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 6px 1px rgba(0, 0, 0, 0.18);
box-shadow: 0px 1px 6px 1px
rgba(0, 0, 0, 0.18);
min-height: 71px;

border-top: solid 4px

    #ffdd00;

}

header > .inside {
    display: table;
    width: 100%;
    box-sizing: border-box;
    max-width: 1280px;
    margin: 0 auto;
    padding: 10px 20px;

}

/*
header > .inside.logo_normal{
max-width: 1280px;
}

.one_pager header > .inside {
max-width:1680px;
}

*/
header > .inside > .row{
display:table-row;
}

header > .inside > .row > * {
    display: table-cell;
        vertical-align:top;
}

.header_right{
text-align:right;

position:relative;

}

.one_pager header > .inside{
    height:100%;
}

.one_pager header > .inside > .row > .header_right{
vertical-align:middle;

}

.morepager header > .inside > .row > .header_right{
float:right;
width:auto;
}

.morepager header > .inside.socialheader > .row > .header_right{
float:none;

}


.morepager header > .inside.socialheader > .row > .header_right > .mod_navigation{
margin-left:300px;
}


.header_left{
max-width:378px;
position:absolute;
}


footer {
    background-color: #7ab51d;
    padding: 15px 0px;
    text-align: center;
    color:white;

    font-size: 12px;


}


.headlinecontainer > h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 400;
    letter-spacing: 1px;
	/*padding-bottom: 10px; */
   /* max-width: 600px; */
   /* margin: 0 auto;*/
   /* text-align: center;*/
}


.one_pager .headlinecontainer > h2 {
   margin: 0 auto;
   text-align: center;
}


/*inputrendering*/
input,textarea,select{
/*Safari*/
-webkit-appearance: none;
border-radius:0;
-web-kit-border-radius:0;
}
select{
-webkit-appearance: inherit;
display:block;
margin-bottom:5px;
}
.widget.widget-select label {
display:block;
font-size:16px;
color:black;
padding-top:5px;
line-height:130%;
}

figure > img, .image_container > img{
max-width:100%;
height:auto;
}

/*set images to maxwidth 100%*/
figure,.ce_googlemap{
line-height:0;
}

.mod_article > .ce_googlemap.block, .ce_googlemap.maxwidth{
margin-bottom:2rem;

}

figure > img, .image_container > img{
max-width:100%;
height:auto;
}

a{
color:inherit;
}
 
 
a:focus{
}
/*Ende Basics*/



 a {
transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
-ms-transition:all 0.2s ease; 
text-decoration:none;
 }


.table{
display:table;
width:100%;
}

.table-wrapper {
  display: table;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  table-layout:fixed;
}

.table > .row{
display:table-row;
position:relative;
}

.table >  .row > *{
display:table-cell;
}


.headlinecontainer{
margin-bottom:2rem;
text-transform: uppercase;
}

.headlinecontainer.text{
margin-bottom:2rem;
}

.headlinecontainer > *, .blocktitle > *, .sliderhead > *{
margin:0;

}

.aktionInner ul, .ce_text ul{
padding-left:20px;
}


.ce_text ul{
margin-top: 0.8rem;
}

.aktionInner ul li::before,.ce_text ul li:before,.text ul li:before  {
    content: '-';
    margin-right: 10px;
    margin-left: -15px;

}
.ce_text ul li:before, .text ul li:before {
	content: '\f111';
	font-family: 'bullet';
	font-size:8px;
	position:relative;
	top:-4px;
	margin-bottom: 0.7rem;
	line-height: 1.4rem;
}

.aktionInner ul li, .ce_text ul li{
    margin-bottom:0.6rem;
    line-height:1;
    }


.ce_text ul{
	margin-bottom:1rem;
}

h1, h2, h3, h4, h5, h6 {
    
    font-weight: 100;
  
}
 
h1, .h1 {
  font-size:1.7em;
  line-height:1.2em;
  letter-spacing:0.03em;

}

h2 {
    font-size: 1.4rem;
    line-height: 1.6;
}
h3, .h3 {
  font-size:1.1em
  
}

h3, .h3 {
    font-size: 20px;
    font-weight: 500;
}
h4 {
font-size:1.4em;
    margin-bottom: 0;
}

h5, .h5{
font-size:16px;
font-weight:600;
}
h6{}

.headlinecontainer > *, {
margin:0;
}
 
p{
margin-bottom:18px;
margin-top:0;
}

p:last-of-type{
margin-bottom:0;
}
 
ul,ol{
margin:0;
}
 
ul{}
 
ol{
 
}
 
li{
list-style-type:none;
}


#left{

}

#left > .inside{

}

#main {

}

/*overlaynav width hamburger*/


label.hamburg { 
   display: block;
  width: 75px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
}

input#hamburg {display:none}


.line { 
   position: absolute; 
   left:10px;
   height: 2px; width: 55px; 
   background: #333; border-radius: 0;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

#hamburg:checked + .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

#hamburg:checked + .hamburg .line:nth-child(2){
   opacity:0;
}

#hamburg:checked + .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
}


#header_main > .inside{
position:fixed;
height:inherit;
z-index:1;
width:inherit;
}

.overlay.open{
height:100%;
width:100%;
}


 /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(0,0,0); /* Black fallback color */
  background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
  top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
  margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block; /* Display block instead of inline */
  transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
} 



.kontaktblock > span{
display:block;
}

.highlighted .open{
font-weight:bolder
}



#header .logo_hangover .mod_logo {
    left: 0;
    top: 0px;
    background: rgba(255, 255, 255, 0.98);
    padding: 22px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
position: relative;
z-index: 10;
}

#header .logo_hangover .mod_mixedNaviagtion {
margin-top:5px;
}

#header .mod_logo figure{
display:table;
}

#header .mod_logo figure > a{
display:block;
}




.mod_mixedNaviagtion ul li, .mod_navigation ul li{
display:inline-block;
vertical-align:middle;
margin-right: 15px;
}

.mod_mixedNaviagtion ul li.last, header .mod_navigation ul li.last{
margin-right:0;
}

body .flexslider{
border:none;
margin:0;

}

body .flex-control-nav{
bottom:0;
z-index:1000;
}

body .flexslider .slides > li{
display:none;
position:relative;
}

body .flexslider .slides > li.first, body.js .flexslider .slides > li{
display:block;
}

body .flexslider .bgImage{
    position:relative;

}
body .flexslider .bgImage > img{
    position: relative;
    width:100%;
left:0;
top:0;
height:100%;
    object-fit: cover;
}

body .flexslider .slides > li .table{
height:100%;
}

body .flexslider .slides > li .table .capholder{
vertical-align:middle;
padding:0 8rem 3rem;
}




body .parallax-container {
    position: relative;
    overflow: hidden;
    height: 400px;
}



body .parallax-container .parallax img{
opacity: 1;
}

.js body .parallax-container .parallax img{
opacity: 0;
}

body .flexslider .slides > li .table .capholder .caption{

max-width:650px;


display: inline-block;

font-size: 1.4rem;
}

body .flexslider .slides > li .table .capholder .caption .slidertext{
background:
rgba(255,255,255,0.8);


}
body .flexslider .slides > li .table .capholder .caption .slidertext,body .flexslider .slides > li .table .capholder .caption .sliderhead{
padding: 20px;
}
body .flexslider .slides > li .table .capholder .caption h2 {
    font-size: 46px;
    font-weight: 800;
    line-height: 48px;
    letter-spacing: 0.06rem;
	text-transform:uppercase;

}

.marken{
background-color:#ffdd00;
padding: 15px 0 0;
}

.marken > .inside{
display:table;
margin:0 auto;
width:auto;
}

.marken ul{
max-width:1170px;
padding:0;
margin: 0 -15px;
}

.fullwidth .marken ul{
max-width:none;
}

body .marken ul li {
    width: auto;
    padding: 0 15px 15px;
    display: inline-block;
    vertical-align: middle;
       line-height: 0;
}
.marken ul li a {
    display: block;
    line-height: 0;
}

.marken ul li:hover a > img {
    opacity: 0.85;
}

.marken ul li a > img {
    -webkit-transition: all ease-in-out 0.25s 0s;
    transition: all ease-in-out 0.25s 0s;
}

.maxwidth{
max-width:1170px;
width: 100%;
margin:0 auto;
padding-left:20px;
padding-right:20px;
}

.maxwidth.schmal{
max-width:800px
}

.modalholder a, .modalholder span{ 
display:block;
}

.modalteaser, .row > .modalteaser.col{
text-align:center;
float:left;
margin-bottom:40px;
}

.row > .modalteaser.col{

}

.modalteaser .moreholder {
margin-top: 0;
}

.readMore, .modalholder span.readMore{
background-color:#ffdd00;
border-color:#ffdd00;
color:#fff;
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}


.modalteaser .teaserimage, .modal-body .image_container{
line-height:0;
}
.modal-body .image_container{
margin-bottom: 20px;
}
body .modal .modal-content {
    padding: 0;
}
body .modal-header {
    padding: 5px;
    border-bottom: 1px solid #e5e5e5;
    text-align:center;
    position:relative;
    display:table;
    width:100%;
}

.modal-header .modal-close {
    position: relative;
    right: 0;
    top: 0;
    float:right
}

.modal_body {
padding:15px;
text-align:center;
}

.modal_body .image_container.top{
line-height:0;
margin-bottom:20px;
}

.modal-body img {
    margin: 0 auto;
    display: block;
max-width: 100%;
height: auto;
}


.image_container.bottom{
margin-top: 20px;
}

.modal .modal-footer {
    padding: 15px;
    text-align: right;
  border-top: 1px solid #e5e5e5;
  height:auto;
}

.modal .modal-footer .modal-close {
    color: #333;
    margin:0;
background-color:#fff;
border:1px solid #adadad;
-webkit-appearance: button;
cursor: pointer;
    display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
text-align: center;
white-space: nowrap;
vertical-align: middle;
height:auto;

-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

border-radius: 4px;
}
.modal-footer .modal-close:hover {
    color: #333;
background-color:#e6e6e6;
border-color: #adadad;
    -webkit-appearance: button;
    cursor: pointer;
}


.boxcontent{
background-color: #fafafa;
border: 1px dashed
#bdc7cc;
height:100%;
padding: 4px;
color:
#707173;

font-size: 16px;

}


.blocktitle{



    padding: 12px 0;
    border-bottom: 1px solid 

    #efefee;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0;

}

.matchheight.teamitem{
margin-bottom:40px;
}



.mod_article > .block{
padding:4rem 20px;
}

.mod_article > .block.fullwidth{
padding:0;
}


.modalholder span.title{

line-height:140%;
font-weight: 400;
margin-bottom: 25px;
}

.mod_article > .block.nopadtop{
padding-top:0;
}


.mod_article > .block.nopadbottom{
padding-bottom:0;
}


.seperator:before{
content:'';
width: 100%;
height: 5px;
background-color:#ffdd00;
display:block;

}

.mod_article > .block.padSmall{
padding-top:2rem;
}

.boxcontent > .blocktitle,.boxcontent > .inside{
padding: 12px 25px;
}

.mod_kontaktDaten,
.ce_standort {
	line-height:1.5rem;
}

.kontaktDaten .day,
.ce_standort .day{
padding-right:15px;
}

.kontaktDaten .open,
.ce_standort .open{
line-height:1.5;
}

p a{
text-decoration:underline;
}

.row.grid{
margin-bottom:-40px;

}

 textarea, select, input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea{
border: 1px solid #9e9e9e;
height:auto;

width: 100%;

border: 1px solid
#dedede;

padding: 15px;
box-sizing: border-box;
margin-top: 0;

font-size: 16px;

color:
#3a3a3a;
}

fieldset{
margin:0;
border:0;
}

.widget label{
display:none;
}


.widget-textarea,.widget-textarea > *{
height:100%;
}

.widget-textarea{
padding-bottom:8px;
}

.widget-textarea > textarea{
min-width:100%;
max-width:100%;
 resize: none;
}

.widget-submit{
	display: table;
    width: 100%;
    padding:0 0.75rem;
  
}
.widget-explanation{
font-size:15px;
margin-left: 0.75rem;
}

input::-webkit-input-placeholder {
					color: #333 !important;
					}
					
					input:-moz-placeholder { /* Firefox 18- */
					color: #333 !important;  
					}
					
					input::-moz-placeholder {  /* Firefox 19+ */
					color: #333 !important;  
					}
					
					input:-ms-input-placeholder {  
					color: #333 !important;  
					}
					
					
					textarea::-webkit-input-placeholder {
					color: #333 !important;
					}
					
					textarea:-moz-placeholder { /* Firefox 18- */
					color: #333 !important;  
					}
					
					textarea::-moz-placeholder {  /* Firefox 19+ */
					color: #333 !important;  
					}
					
					textarea:-ms-input-placeholder {  
					color: #333 !important;  
					}
					
.ce_form .submit, .formular button.submit {
    margin: 10px 0;
    padding: 20px;
    color: #fff;
    border: none;
    background: #2a2a2a;
    font-size: 18px;
    cursor:pointer;
      margin-top:1rem;
}

footer .mod_navigation ul li{
display:inline-block;
vertical-align:middle;
}

footer .mod_navigation ul li.first{
padding-right:10px;
}

body .flex-direction-nav a:before {

    font-family: unset;
    font-size: 40px;
    content: '';
    color: white;
	text-shadow: none;
    background-size: auto;
    background-size: contain;
    display: block;
    text-indent: -999px;
    height: 100%;
    width: 100%;

}

body .flex-direction-nav a.flex-next::before{
content: '';
background:url(/files/maba/layout/images/icons/arrow_next.svg) no-repeat scroll transparent;
background-size:contain;
}

body .flex-direction-nav a.flex-prev::before{
content: '';
background:url(/files/maba/layout/images/icons/arrow_left.svg) no-repeat scroll transparent;
background-size:contain;
}

.message.ajaxconfirm{
text-align:center;
}

.ce_googlemap > .inside,.ce_standort .map{
height:450px;
}

.ce_standort .map{
   
     margin:2rem 0 20px;
 }
 

.ce_googlemap > .inside iframe{
width:100% !important;
height:100% !important;
}

.mod_article > .block.fullwidth{
padding-top:5rem;
}

.mod_article > .block.fullwidth.ce_parallaxImg{
padding-top:0;
}
.mod_article > .block.fullwidth.ce_flexslider{}

img{max-width:100%;
height:auto;
}

.modalholder .row.grid{
white-space:nowrap;
}

.modalholder, .modalholder .row.grid > *{
white-space:normal;
}

.ce_modaltextbox .row > .modalteaser.col{
text-align:left;
padding-right:20px;
}


.ce_modaltextbox.center .row > .modalteaser.col{
text-align:center;
}



.ce_modaltextbox .modalholder span.title {

    font-size: 24px;
    line-height: 32px;
    font-weight: 300;
    letter-spacing: 1px;

}


.ce_modaltextbox .modalholder span.moreholder{
margin-top:2rem;
}

.ce_modaltextbox ul{
margin-top:10px;
}

.ce_modaltextbox li{

}


.checked ul,.ce_modaltextbox ul, .ce_list ul, ul.checked{
padding-left:28px;
}

ul.checked{
padding-left:38px;
}

.ce_list.checked ul{
    display: table;
    margin: 0 auto;
}



.ce_modaltextbox li:before, .checked li:before,ul.checked li:before, footer > .inside .mod_navigation li:before,footer p.anschriftblock:before,footer p.kontaktblock .phone_row:before,footer p.kontaktblock .email_row:before{
    font-family: 'Material Icons';
    content: "check";
    -webkit-font-feature-settings: 'liga';
    display: inline-block;
    vertical-align: top;
    padding-right: 6px;
    font-size: 22px;
    margin-left:-28px;
}

ul.checked li:before{
margin-left: -38px;
padding-right:0;
font-size:24px;
top:-3px;
}

footer > .inside .mod_navigation li:before {
   content: "chevron_right";
   font-size:18px;
}

footer p.anschriftblock:before {
   content: "location_on";
   font-size:18px;
}
footer p.kontaktblock .whatsapprow:before {
   content: "";
   font-size:18px;
width:26px;
height:16px;
background: url(/files/maba/layout/images/icons/whatsapp.svg) no-repeat scroll 50% 50% transparent;
    background-size:contain;
display: inline-block;
margin-left: -27px;
}

footer p.kontaktblock .phone_row:before{
 content: "phone";
   font-size:18px;

}

footer p.kontaktblock .email_row:before{
 content: "mail";
   font-size:18px;

}

footer p.kontaktblock .email_row:before,footer p.kontaktblock .phone_row:before,footer{
margin-left:-27px;
}

body.switcher footer{
    margin: 0;
}
footer p.anschriftblock:before {
width:28px;
}

footer .kontakt{
padding-left:27px;
}

.mod_article > .block.fullwidth.ce_marken{
padding:0;
}

body .modal {
    width: 100%;
    height: auto !important;
    max-height: none;
    background: none;
    height: 100vh !important;
    max-height: none;
  top: 0 !important;
}

body .modal .modal-content {
    padding: 0;
    max-width: 750px;
    margin: 5% auto;
    background: white;
}

.moreholder{
display:block;
margin-top:3rem;
margin-bottom:3rem;
}

.moreholder .button {
    display: inline-block;
    min-width: 200px;
}

ce_text .moreholder .button:first-of-type {
margin-left:0;
}

 .moreholder .button a,  .moreholder .button span{
display:block;
}

.moreholder .button span.readMore{
padding:12px 10px;
}

.ce_list ul{
word-break: keep-all;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

}

ul.col_2{
-webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 60px;
     -moz-column-gap: 60px;
          column-gap: 60px;
}


ul.col_3{
-webkit-columns: 3;
     -moz-columns: 3;
          columns: 3;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

ul.col_4{
-webkit-columns: 4;
     -moz-columns: 4;
          columns: 4;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}

.row.art > .col{
float:none;
}

.vmiddle.ce_text{
display:table;
width:100%;
}

.vmiddle.ce_text > .row{
display:table-row;
}

.vmiddle.ce_text > .row > *{
display:table-cell;
float:none;
vertical-align:middle;
}


.flexslider .caption {
  
    line-height: 2rem;

}

.sliderhead h2 {}


.float_below{
margin-top:2rem
}

.gridbox span.headlinecontainer{
margin-bottom:10px;
}

.gridbox span.title.h3{
font-size:20px;
margin:0;
}

.row .gridbox.col{
padding-bottom:1rem;
}

/*.modalteaser .teaserimage > img{
width:100%;
}*/

/*.modalteaser.col .inside{
padding:2rem 2rem 0;
}*/

.ce_modalbox .modalholder .row.grid,.ce_modaltext .modalholder .row.grid{
text-align:center;
}


.rounded.table{
width:200px;
height:200px;
margin:0 auto;
display:table;
margin-bottom: 30px;
}


.rounded.table > .row{
display:table-row;
}



.rounded.table > .row > *{
vertical-align:middle;
}

.rounded.table > .row > * {

    vertical-align: middle;
    background: silver;
    border-radius: 50%;
    box-sizing: border-box;
    overflow: hidden;
}




.rounded.table svg:not(:root) {
    overflow: hidden;
    height: calc(100% - 90px);
    vertical-align: middle;
    width: calc(100% - 90px);
	fill:white;
}

img.svg{
padding:40px;
}


.scroll1,.scroll2,.scroll3,.scroll4,.scroll5,.scroll6 {
		
	}
	.scroll1 img,.scroll2 img,.scroll3 img,.scroll4 img,.scroll5 img,.scroll6 img {
		vertical-align: bottom;
	}
/*
.ce_markenslider{
    background: var(--kundenfarbe);
}*/

.markenslider li{
margin:0 35px;

}

.markenslider img{

}	

.nomarg{
margin:0;
}

.ce_contactfooter{
padding:0;
color:white;
    margin-top: 2rem;
}

.ce_contactfooter .col{
padding-top:5rem;
}

.ce_contactfooter .headlinecontainer{
margin-bottom:2rem;
}

.ce_contactfooter .headlinecontainer > *{
color:white;
font-size: 38px;
}
.ce_contactfooter .table.holder{

z-index:1;
height:100%;
}


.button.outline {
    border: solid 1px #fff;
	color: #fff;
    border-radius: 0;
    font-size: 22px;
    padding: 15px 50px;
    font-weight: 300;
    margin-top: 3rem;
    display: block;
    text-align: center;
    max-width: 390px;
	text-transform:uppercase;
}


.ce_contactfooter .table.holder .row .col {

    float: none;
    display: table-cell;
    vertical-align: middle;
    padding-top: 8%;
    padding-right: 4rem;
    padding-bottom: 8%;

}

.ce_text .headlinecontainer > h2{
text-align:inherit;
}

.headImg{
margin-bottom:1rem;
max-width:100px;
}

.ce_text .col.not_left,
.twoColce_text .col.not_left{
padding-left:3rem;
}

.ce_text .col.not_right,
.twoColce_text .col.not_right{
padding-right:4rem;
}

.boxed{

}


.boxed .modalholder{
  padding: 2rem 2rem calc(2rem - 15px) 2rem;
border: 1px dashed #bdc7cc;
display:table;
}

.row .gridbox.col {

    margin-bottom: 15px;

}

.mod_pageTeaser a, .mod_pageTeaser span{
display:block;
} 

.mod_pageTeaser li.col{
margin-bottom:3.2rem;
}

.mod_pageTeaser li, .mod_pageTeaser li .teaserholder{
position:relative;
}

.mod_pageTeaser .teasertitle{
    position: absolute;
    bottom: -22px;
    left: 0;
    background-color: #8969a5;
    padding: 16px 30px;
    color: 

    #fff;
    width: 82%;

}

.mod_pageTeaser .pageImage{
line-height:0;
transition: all 0.3s;
}

.mod_pageTeaser .pageImage:hover {

    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);

}

.frame{
overflow:hidden;
}

.frame > .pageImage{
    line-height: 0;
}

.cbp-tm-menu{
top:0;
position:relative;
}

.mod_navigation ul.cbp-tm-submenu  li{
display:block;
margin:0;
}

header .mod_navigation{
overflow:visible;
}

.goback.center{
margin:0 0 4rem;
}

.goback.center .button {
    margin: 0 auto;
    max-width: none;
    font-size: 18px;
    padding: 10px 30px;
    line-height: 1;
    display: table;
}

.goback.center:hover .button {
color:white;
}

.counter-value {
    font-size: 52px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 20px;
}
.odotextholder > .h2 {
    color: #5f5f5f;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    color: silver;
}

.fullwidth .col.align_left{
padding-left:0;
}

.fullwidth .col.align_right{
padding-right:0;
}


figure.twocol_fullwidth{
width:100%;
}

.textholder.not_left.twocol_fullwidth {
    padding-right: calc((100vw - 980px) / 2 );
}

.textholder.not_right.twocol_fullwidth {
    padding-left: calc((100vw - 980px) / 2 );
}


.aktionInner {

    display: inline-block;
    position: relative;
    margin-bottom: 25px;

}
.border-dotted {

    border: 1px dashed 

    #bdc7cc;
    padding: 4px;

}

.aktionInner figure{

}
.aktionInner figure,.aktionInner figure img {

    width: 100%;
    height: auto;

}

.aktionInner figure img {
opacity:0;
}

.aktionInner .description {

    padding: 0 15px 35px 15px;
    position: relative;

}

.aktionInner .headlinecontainer {

    font-weight: 700;
    margin-bottom: 30px;
    text-align: center;

}

.aktionInner .info {

    background-color: 

#f4f4f4;

color:

    #00136f;
    height: 41px;
    font-size: 12px;
    padding-right: 7px;
    position: relative;
    text-align: right;
    width: 100%;

}


.aktionInner .info .icon {

    background-color: 

    #c0c0c0;
    width: 41px;
    height: 41px;
    text-align: center;
    padding-top: 6px;
    float: left;

}

.aktionInner .info .icon i {

    font-size: 28px;
    color: 

    #fff;

}


.aktionInner .info .date {

	line-height:41px;
    padding-right: 10px;
    font-size: 14px;
    display: inline-block;

}

.ce_aktionen .center{
float:none;
margin:0 auto;
}

.button.outline.small{
display: inline-block;

margin: 3rem auto 3rem;

width: auto;

padding: 10px 20px;

font-size: 18px;

line-height: 1.4;
}

.ce_aktionen .button.outline.small{
margin: 0;
}

.ce_aktionen .download{
text-align:center;
margin-top:3rem;
margin-bottom:2rem;
}

.col.l6 form .col.l6{
display:block;
width:100%;
}

.mod_article > .col{
float:none;
clear:both;
}

.block.small {
    max-width: 750px;
}

.counteritem .counterholder{
line-height:1;

}
.counteritem{
margin-bottom:2rem;
}

.one_pager .memberImage,.one_pager .modalteaser .teaserimage {

    line-height: 0;

    margin: 0 auto 20px;

}





.one_pager .memberImage.roundedImages,.modalteaser .teaserimage.roundedImages{
max-width:185px;
max-height:185px;
}


.memberImage.roundedImages img,.modalteaser .teaserimage.roundedImages img{
width:100%;
    height: 100%;
    object-fit: cover;
}

.memberInformation.colored{
padding: 30px 40px;
}

.memberInformation.colored .name,.memberInformation.colored{
color:white;
}


.memberInformation.colored .name{
font-size:20px;
}

.memberInformation.short{
position: absolute;
bottom: 0px;
left: 0;
background-color: #8969a5;
padding: 30px;
color:#fff;
width: 73%;
}

.layout_short .memberImage{
padding-bottom:30px;
}

.memberImage.roundedImages,.modalteaser .teaserimage.roundedImages{
height: 25vw;

width: 25vw;

overflow: hidden;

border-radius: 50%;

margin: 0 auto 8px;
}


.morepager footer{
background:black;
padding:75px 0 20px;
}

.morepager.switcher footer{
background:black;
padding:75px 0 0;
}

#herosection{
padding-top:71px;
}

#herosection .hero-container{
height:calc(100vh - (100vh / 3));
}


#herosection .hero-container > .inside{
    height: 100%;
}

#herosection .hero-container > .inside > img{
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.one_pager #herosection .hero-container{
height:calc(100vh - (100vh / 2));
}

 .home #herosection ul.slides {
    height: calc(100vh - 71px);
    min-height:500px;
}

.home #herosection ul.slides > li{
height:100%;
}
.home #herosection{
    overflow: hidden;
    box-sizing: content-box;

}
.home #herosection > .inside{
height:100%;
}

#herosection .mod_article > .block.fullwidth{
padding:0;
}


.morepager #footer .box,  footer .mod_navigation ul li{
text-align:left;
line-height: 26px;



font-size: 14px;
}
.morepager #footer .box{
padding-left: 10px;
}

.morepager #footer .box .blocktitle {

    padding: 0;
    border-bottom: none;
	
    margin: 0;
	margin-bottom: 30px;
	margin-right: 5px;
}

.morepager #footer .box .blocktitle > h4{
    color:white;
    font-size: 18px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight:500;
    margin:0;
    }
    
    
  .morepager footer .day{
    font-weight:600;
    }
    
    
  .morepager  footer .mod_navigation ul li{
    float:none;
    display:block;
    }
    
 footer .mod_navigation li > a:hover{
        text-decoration:underline;
    }
    
    .morepager .header_right{
        text-align:left;
    }
    
    .morepager ul.cbp-tm-menu{
        display:table;
        width:auto;
        padding:15px 0;
    }
    
    #responsivenav{
        display:none;
    }

header .mod_navigation ul.cbp-tm-menu > li >a, header .mod_navigation ul.cbp-tm-menu > li >span{
padding:0;
}


body .slicknav_menu {

    position: sticky;
    z-index: 10;
    width: 100%;
    box-sizing: border-box;
padding:0;
border-top: solid 4px;
    top: 0;

}
body .slicknav_menu figure{
display: inline-block;
max-width: 160px;
line-height: 0;
margin: 15px 0 15px 20px;

}

body .slicknav_btn {
    position: absolute;
    right: 10px;
    top: 25px;
    background: none;
    margin: 0;
}

body.switcher .slicknav_btn {
     top: 12px;
}

body.switcher .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon-bar {
    background: white;
}

body .slicknav_menu .slicknav_icon-bar{
display: block;
width: 25px;

height: 2px;

-webkit-border-radius: 0;

-moz-border-radius: 0;

border-radius: 0;

-webkit-box-shadow: none;

-moz-box-shadow: none;

box-shadow: none;
}
.slicknav_menu {
  background-color: whitesmoke !important;
}

body.switcher .slicknav_menu .slicknav_icon-bar{
    background: white;
}


body .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar{
margin-top:5px;
}

body .slicknav_nav{
background:#17375E;
}

body .slicknav_nav ul {

    margin: 0;

}

body .slicknav_nav .slicknav_row, body .slicknav_nav a,body .slicknav_nav li.active > strong {
padding:8px 15px;
    margin: 0;
}

li.slicknav_open ul{ 
background:rgba(255,255,255,0.1);
}

li.slicknav_open ul > li > a,body li.slicknav_open ul > li.active > strong{
padding-left:20px;
}
body .slicknav_nav a:hover,body .slicknav_nav .slicknav_row:hover {
	color:white;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: rgba(255,255,255,0.3);
}

body .slicknav_nav li{
border-bottom:1px solid rgba(255,255,255,0.1);
}

.slicknav_menu{
display:none;
}

.align_right .float_right{
float:none;
text-align:center;
}

.boxcontent > .blocktitle > h4{
font-size:16px;
}

.mod_article > .block  .maxwidth{
/*padding:0;*/
}

.mod_article > .block.maxwidth .maxwidth{
padding:0;
}

.mod_article{
/*display:table;
width:100%;*/
}

footer > .inside .mod_navigation ul{
padding-left:28px;
}

body .slicknav_menu .slicknav_icon{
width:25px;
}



#wrapper {
    width: 100%;


box-sizing: border-box;}

 body.one_pager .slicknav_menu figure{
 max-width:230px;
 }

#container,#herosection {
     width: 100%;
    overflow-x: hidden;

}
 
 body.one_pager .slicknav_btn {
    top: 14px;
    }
    
    
  
    
    .marken.singleitem {
    display:table;
    width:100%;
    }
    
        .marken.singleitem ul li{
        float:none;
        width:100%;
        }



#section04 {

    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 100%;
padding-bottom: 6rem;
}

#section04 > span {
  padding-top: 60px;
}
#section04 > span > span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 24px;
  height: 24px;
  margin-left: -12px;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-animation: sdb04 2s infinite;
  animation: sdb04 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb04 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
  }
}
@keyframes sdb04 {
  0% {
    transform: rotate(-45deg) translate(0, 0);
  }
  20% {
    transform: rotate(-45deg) translate(-10px, 10px);
  }
  40% {
    transform: rotate(-45deg) translate(0, 0);
  }
}
  
  
#headerright {


    height: 100%;
    float: right;

}
  
  .morepager #headerright{
   position:absolute;
right:0;
top:0;
  }
  
    #headerright > .inside{
    height:100%;
    display:table;
     }
     
         #headerright > .inside > div{
         display:table-row;
         }
         
         
          #headerright > .inside > div > div{
         display:table-cell;
         vertical-align:middle;
         color:white;
         }
         
       .sociallist, ul.sociallist li {

    height: 100%;
    display: table;

}
         ul.sociallist li{
         float:left;
         color:white;
         height:100%;
         margin-left:1px;
         }
         
         ul.sociallist li a{
         display:table-row;
         }
         
          #header ul.sociallist li a > span{
           display:table-cell;
           vertical-align:middle;
           color:white;
           padding:10px;
           }
           
           
          .socialitem img{
          height:30px;
          }
          
          #footertop{
          background:rgba(255,255,255,0.2);
		 
          }
          
                #footertop > .inside{
                line-height:0;
                }
                
                
                #footer.socialfooter{
                padding-top:0;
                }
                
                  #footer.socialfooter > .inside{
                  padding-top:20px;
                  }
                  
                  
                  
                  #footer.socialfooter  ul.sociallist li {

    border-right: 1px solid;
    padding: 15px;

}

.ce_youtube .row .col.l6 .headlinecontainer {
margin-bottom:20px;
}

.ce_youtube .row .col.l6 .headlinecontainer > *{
text-align:left;
}

.ce_youtube .row .col.l6.not_right{
padding-right:4rem;
}


.ce_youtube .row .col.l6.not_left{
padding-left:4rem;
}



.ce_youtube .row .col.l6{
float:none;
display:table-cell;
vertical-align:middle;
}

.row .col .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.row .col .video-container.local {
padding:0;
height:auto;
width:100%;
}
.ce_player video,
.row .col .video-container.local video{
width:100%;
height:auto;
}

.ce_player .col.not_right{
padding-right:4rem;
}

.ce_player .col.not_left{
padding-left:4rem;

}


.ce_player .col.not_left .headlinecontainer > *,
.ce_player .col.not_right .headlinecontainer > *{
text-align:left;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.js .wow{

visibility: hidden;
}

 .js .flexslider{
 opacity:0;
 }





.profile-main-loader{
    left: 50% !important;
    margin-left:-40px;
    position: absolute !important;
    top: 50% !important;
    margin-top: -40px;
    width: 80px;
    height:80px;
    z-index: 9000 !important;
}

.profile-main-loader .loader {
  position: relative;
  margin: 0px auto;
  width: 100%;
  height:100%;
}
.profile-main-loader .loader:before {
  content: '';
  display: block;
  padding-top: 100%;
}

.circular-loader {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
}

.loader-path {
  stroke-dasharray: 150,200;
  stroke-dashoffset: -10;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1,200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89,200;
    stroke-dashoffset: -124;
  }
}


body .flex-control-paging li a {
	opacity:0.5;
    width: 10px;
    height: 10px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}


body .flex-control-paging li a.flex-active{
opacity:1;
}

#header .logo_hangover .header_left{}

#header .logo_normal .header_left {

    vertical-align: middle;
    position: relative;

}


h4 {

    font-size: 23px;
    margin-bottom: 20px;
    font-weight: 500;
    margin-top: 20px;

}

.one_pager  footer .mod_navigation li:before{
display:none;
}




#section04,.profile-main-loader{

}

.mod_article > .row > .col:last-of-type{
/*padding-left:6rem;*/
}



.table > .row > *.vmiddle{
vertical-align:middle;
}

.nopadbottom{
padding-bottom:0;
}

.vtop{
vertical-align:top;
}


.vbottom{
vertical-align:bottom;
}

.ce_linkbox .table > .row > .textholder {

    padding: 4rem 0;

}

.ce_linkbox .headlinecontainer > *{
font-weight:700;
}

.center .headlinecontainer > h2{
margin:0 auto;
}

.modal-header.filled {
    display: table;
    width: 100%;
    padding: 10px;
}
.modal-header.filled > *{
display:table-cell;
vertical-align:middle;
float:none;
position:relative;
padding:0;
}

 #footer a:hover{
 color:white;
 }
 .modalholder p > a, .modalholder p >span{
     display:unset;
 }
 
 body .slicknav_nav li.hidden{
     display:none;
 }
 
 
 .grid > .row{
     margin:0 -0.75rem;
 }
 
 .one_pager  #main > .inside{
     padding:2rem 0;
 }
 
 .one_pager #wrapper #main > .inside{
     padding:71px 0;
     
 }
 
.morepager #footer.socialfooter > .inside{
 padding-top:2.5rem;
 }
 
 body #wsCookieBox h3{
 color:inherit;
 }
 
.aktionInner h3 {
    font-weight: 600;
    margin-top: 30px;
    text-align: center;
    line-height: 1.65;
}

.aktionInner a{
margin-top:1rem;
display:block;
}

/*.boxed .modalholder .grid{
-webkit-columns: 2;
     -moz-columns: 2;
          columns: 2;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
word-break: keep-all;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;

}
*/

.boxed .modalholder .row.grid{
margin-bottom:0;
}

/*.boxed .modalholder .gridbox{
width:auto;
float:none;
}*/


.nohero #container{
padding-top:90px;
}

.form-message {
max-width: 580px;
margin: 0 auto 4rem;
text-align: center;
}

.youtube-error-box{
max-width: 650px;
margin: 0 auto;
line-height: 2.1;
text-align: center;
}

span.removeCookie{
color:white;
    margin: 2rem 0;
        margin-top: 10px;
    padding: 8px;
    border: none;
 
   display:inline-block;
    font-size: 18px;
    cursor: pointer;
    margin-top: 1rem;
}



#coronaboxen .gridbox:nth-child(1) .h3::before {
    content: '\E800';
}
#coronaboxen .h3::before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    content: '\E800';
    display: block;
    float: left;
    padding-right: 7px;
    height: 2em;
}

#infopopup .modal-header{
    position: relative;
}


#infopopup .modal-header .modal-close {
    position: absolute;
    right: 0;
    top: 0;
    float: none;
}
.modal-header > h4,
.modal-header.filled > h4{
text-transform: uppercase;
margin: 0;
padding-left: 32px;
}

#infopopup .modal_body{
text-align:unset;
}



#infopopup.modal .modal-footer .modal-close, #infopopup .modal-body .readmore, .flexslider .readmore a{
color: white;
margin: 2rem 0;
    margin-top: 2rem;
margin-top: 10px;
padding: 10px 20px;
border: none;
display: block;
font-size: 18px;
cursor: pointer;
margin-top: 1rem;
text-align:center;
}

#infopopup.modal .modal-footer .modal-close,.flexslider .readmore a{
display: inline-block;
margin:0;
}

#infopopup .ce_text{
padding:20px 0;
}

#infopopup .modal .modal-footer{
background:transparent;
}

body #infopopup .modal-header {
    padding: 15px 5px;
    }
    
    
    #infopopup.modal .modal-footer .modal-close {

-webkit-appearance: unset;
}

body .flexslider .slides > li .table .capholder .caption h2 {
    font-size: 41px;
    font-weight: 800;
    line-height: 48px;
    letter-spacing: 0.06rem;
    text-transform: uppercase;
    margin-top: 0;
}

.sliderhead, .slidertext{
margin-bottom:0;
}

.sliderlink .readmore{
margin-top:2rem;
}


.modalholder .inside{
/*text-align:left;*/
}

.modalteaser:first-of-type:last-of-type{
float:none;
}

.modalteaser:first-of-type:last-of-type .inside{
text-align:center;
}

.center .modalholder .modalteaser .inside, .modalholder.roundImages .modalteaser .inside{
text-align:center;
}

.aktionInner figure > a{
margin:0;
}


.ce_gallery ul.cols_2 li{
width:calc((100% - 20px) / 2 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery ul.cols_3 li{
width:calc((100% - 2 * 20px) / 3 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery ul.cols_4 li{
width:calc((100% - 3 * 20px) / 4 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery ul.cols_5 li{
width:calc((100% - 4 * 20px) / 5 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery ul.cols_6 li{
width:calc((100% - 5 * 20px) / 6 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery > ul li:last-of-type,
.ce_gallery ul li.col_last{
margin-right:0;
}

.mod_article > .block.seperator:before{
margin-bottom:6rem;
}

.ce_pageteasers .headlinecontainer{
margin-bottom:5rem;
}

.aktionInner figure > a{
position:relative;

}

.aktionInner figure > a::before {
    content: '';
    background: url(/files/maba/layout/images/icons/mouseover.svg) no-repeat scroll 50% 50% transparent;
    background-size:cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity:0;
    transition:opacity 0.2s ease;
-webkit-transition:opacity 0.2s ease;
-moz-transition:opacity 0.2s ease;
-o-transition:opacity 0.2s ease;
-ms-transition:opacity 0.2s ease; 
}

.aktionInner figure > a:hover::before {
opacity:1;
}

.center .row .gridbox.col{
float: none;
display: inline-block;
vertical-align: middle;
}
.center .row .gridbox.col .teasertext {
line-height:1.8rem;
font-size:17px;
}

.teaserimage .image{
line-height:0;
}

.margtop{
margin-top:4rem;
}

.row .ce_form.col {
    padding-right: 2rem;
    padding-left: 0;
}


body .flexslider .slides > li .table .capholder .caption h2{
color:white;
margin:0;
}

.footerbottom{
padding-top:3rem;

}

.one_pager .footerbottom {
    display: block;
    padding-top: 0;
}

.morepager footer .day{
width:120px;
}

.sliderhead.text{
margin-bottom:10px;
}

.center .row > .modalteaser.col {
    text-align: center;
    display: inline-block;
}

.ce_team .headlinecontainer {
padding:0 0.75rem;
}

.teamitem .name.h3{
font-size:inherit;
}

.teamitem .position{
font-size:15px;
line-height:1.5;
}

#herosection #hero-206 .hero-container {
    height: 350px;
}

body .slick-prev::before,body .slick-next::before{
color:gray;
}

 
.mod_article > .ce_ownContentSlider.block{
max-width: 650px;
border: 1px solid rgba(0,0,0,0.3);
padding: 10px;
margin: 0 auto;
overflow: visible;
margin-bottom:2rem;
}

.mod_article > .ce_ownContentSlider .image_container{
line-height:0;
margin-bottom:2rem;
}

body .slick-next{
right: -45px;
}


body .slick-prev{
left: -45px;
}

.mod_article > .ce_ownContentSlider .textholder{
font-size: 16px;
line-height: 1.8;
font-weight: 500;
margin-bottom: 2rem;
}


.mod_article > .ce_ownContentSlider .text{
padding-left:20px;
margin-bottom:2rem;
}

body .slick-dots li button::before{
font-family: unset;
font-size: unset;
height:5px;
background:black;
}

.widget-upload{
border: 1px solid rgba(0,0,0,0.3);

padding: 10px;
margin-bottom: 10px;
font-size: 16px;
}

.widget-upload input{
line-height: 0;
}
.widget-upload label{
display:block;
}


#header > .inside.noLogoPad.logo_hangover .mod_logo{
-webkit-border-bottom-right-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomright: 0;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background: transparent;
padding: 0;
margin-top:-10px;
}

.centeralign{
text-align:center;
}

.tabnav{
display:table;
width:100%;
margin-bottom:2rem;
}

body .tabs{
display:table-row;
}





body .tabs .tab a:hover,body .tabs .tab a.active,body .tabs .tab a:focus, body .tabs .tab a:focus.active{
color:inherit;
background:whiteSmoke;
}

body .tabs .tab {
    display: table-cell;
    padding-right: 10px;
    padding-left: 0;
}

body .tabs .indicator{
background-color: silver;
display:none;
}

body .tabs .tab a {
    color: inherit;
    border: 1px solid silver;
    margin: 0 20px 0 0;
    display: block;
    padding: 0;
    font-weight:400;
}

.headlinecontainer.responsive{
display:none;
}

.tabcontentholder.destroyed .carousel-item{
transform: unset !important;
}
.tabnav.destroyed{
display:none;
}

.tabcontentholder.destroyed  .headlinecontainer.responsive{
display:block;
}


body .carousel.carousel-slider .carousel-item{
min-height:0;
}

body .carousel{
height:400px;
}

.formular.block{
margin-top:2rem;
}

.message.ajaxconfirm {
    text-align: left;
    padding: 2rem 0;
}

textarea, select, input:not([type]), input[type="text"]:not(.browser-default), input[type="password"]:not(.browser-default), input[type="email"]:not(.browser-default), input[type="url"]:not(.browser-default), input[type="time"]:not(.browser-default), input[type="date"]:not(.browser-default), input[type="datetime"]:not(.browser-default), input[type="datetime-local"]:not(.browser-default), input[type="tel"]:not(.browser-default), input[type="number"]:not(.browser-default), input[type="search"]:not(.browser-default), textarea.materialize-textarea{
border-color:#dedede !important;
box-shadow:none !important;
-webkit-box-shadow:none !important;
}

.opticland{
width: 600px;
margin: 0 auto;
}
.opticland img{
display: inline-block;
vertical-align: middle;
margin-right: 20px;
}
.opticland span{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 14px;
    line-height: 1.5;
}

#banner{
    text-align: center;
    color: white;
    padding: 20px;
position: absolute;
bottom: 0;
width: 100%;
hyphens:auto;
-webkit-hyphens:auto;
width: 100%;
box-sizing: border-box;
}

#section04{
padding-bottom:10rem;
}

.subheader .headlinecontainer > .first{
margin-bottom:20px;
}

.subheader .headlinecontainer h3{
text-transform:none;
}

.marken ul li a > img, .marken ul > li img{
	max-width:150px;
}

.mod_article > .block.ce_headline{
    padding-bottom: 0;
}

.ce_headline .headlinecontainer{
   
}
.headerbottom.clone .mod_navigation ul > li.active > strong, .headerbottom.clone .mod_navigation ul > li > strong,
.headerbottom.clone ul li a, .headerbottom.clone ul li a:visited,.headerbottom.clone ul li span, header .mod_navigation ul li span,
#header .mod_navigation ul > li.active > strong,#header .mod_navigation ul > li strong,
#header ul li a, #header ul li a:visited, #header ul li span, header .mod_navigation ul li span {
    font-size: 14px;
    color: 
    #707173;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    line-height:1;
    font-weight: 400;
    display: inline-block;
    
}

.mod_navigation .cbp-tm-submenu > li > strong,
.mod_navigation .cbp-tm-submenu > li > a, .mod_navigation .cbp-tm-submenu > li > span {
  padding: 12px 0.6em 12px 0.6em;
  display: block;
  position: relative;
  color: #43484e;
  line-height: 1.4;
  font-size: 13px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}

.cbp-tm-submenu li strong::before, .cbp-tm-menu > li > strong::before {
  font-family: 'cbp-tmicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  margin-right: 0.6em;
  -webkit-font-smoothing: antialiased;
}

.cbp-tm-menu > li > strong:not(:only-child)::before,
.cbp-tm-menu > li > a:not(:only-child)::before {
  content: "\f0c9";
  font-size: 60%;
  opacity: 0.3;
}

 .wsCookie .ws-checkbox input:checked ~ .ws-checkbox-indicator,.wsCookie .ws-checkbox .ws-checkbox-indicator,#header,.headlinecontainer > h2:after,.button.outline.colored,body .slicknav_menu{
    		border-color: var(--kundenfarbe);
    	}
    	#footerbottom, body .slicknav_menu .slicknav_icon-bar,
    	 body .flexslider .slides > li .table .capholder .caption .sliderhead, .flexslider .readmore a, #infopopup.modal .modal-footer .modal-close, #infopopup .modal-body .readmore,span.removeCookie, #wsCookieBox .ws-btn-accept-all:hover,.wsCookie .ws-checkbox input:checked ~ .ws-checkbox-indicator, #wsCookieBox .ws-btn-accept-all,.one_pager #footer,body .flex-control-paging li a,.flex-control-paging li a.flex-active, /*#headerright > .inside ul li,*/.goback.center:hover .button,.mod_pageTeaser .teasertitle, .ce_form .submit, .readMore, .modalholder span.readMore,.marken,.seperator:before,.flex-direction-nav a,.rounded.table > .row > *,.memberInformation.colored,body .slicknav_menu .slicknav_nav, body .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon-bar{
    	background-color:  var(--kundenfarbe);
    	}
    	#header .mod_navigation ul > li.active > strong,#header .mod_navigation ul > li strong,
    	#neuste-technologien table td, .aktionInner a, a:hover,#header .mod_onepage_navigation ul > li:hover > *,.button.outline.colored,.odotextholder > .h2, #header .mod_navigation ul > li:hover > *,#header .mod_navigation ul > li.active > *,#header .mod_navigation ul > li.trail > *,#header .mod_onepage_navigation ul > li.current > a,#header .mod_mixedNaviagtion ul > li.current > a{
    	color:var(--kundenfarbe);
    	}

body.morepager.switcher header > .inside{
    max-width: none;
    margin: 0;
    padding: 0;
}

body.morepager.switcher header > .inside .headertop{
    background: var(--kundenfarbe);
    
}

 body.morepager.switcher #header .headertop .mod_navigation > ul {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  align-items: center;
}    

 body.morepager.switcher header .mod_navigation{
    height: 100%;
}

header .header_right ul,header .header_right ul >
 li,body.morepager.switcher .headerbottom > .inside, body.morepager.switcher .headerbottom > .inside > .block,
body.morepager.switcher .headerbottom > .inside > .block > ul,body.morepager.switcher .headerbottom > .inside > .block > ul > li,
body.morepager.switcher #header .headertop, body.morepager.switcher #header .headertop > .row,
body.morepager.switcher #header .headertop > .row > .header_left, body.morepager.switcher #header .headertop > .row > .header_left > .block,body.morepager.switcher #header .headertop > .row > .header_left, body.morepager.switcher #header .headertop > .row > .header_left > .block > ul, body.morepager.switcher #header .headertop > .row > .header_left > .block > ul > li{
    height: 100%;
}


body.morepager.switcher .headerbottom .mod_navigation ul > li{
    float: left;
    display: block;
}

body.morepager.switcher #header .headertop .mod_navigation > ul{

    width: 100%;
    height: 100%;
}

body.morepager.switcher .headerbottom .mod_navigation ul > li > a,body.morepager.switcher .headerbottom .mod_navigation ul > li > strong{
    padding: 25px 0;
}


body.morepager.switcher .header_left{
    max-width: none;
}
/*#header .headertop > .inside {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  width: 100%;
} */

#header .headertop > .inside {

  width: 100%;
  height: 100%;

}

#header .headertop > .inside > * {
  display: table-cell;
   width: calc(100%  / 3);
  height: 100%;
  vertical-align: middle;
  text-align: center;
}

#header .headertop > .inside > .header_left{
   
}

#header .headertop > .inside > .header_right{
   
}

#header .headertop > .inside > .header_right ul{
    float: right;
}

#header .headertop .mod_logo figure{
    display: block;
}

#header .headertop > .inside > .header_right a{
    display: flex;
    align-items: center;
}

/*body.morepager.switcher #header .headertop .mod_navigation ul {
display: table;
    width: 100%;
    height: 100%;
} */

#header .header_right ul li a{
    height: 100%;
}

body.morepager.switcher #header .headertop .mod_navigation ul > li:after{
    content: '';
    width: 1px;
    margin: 15% 0;

    background: rgba(255,255,255,0.3);
    display: inline-block;
    vertical-align: middle;
}

body.morepager.switcher #header .headertop .mod_navigation ul > li{
position: relative;
    display: flex;
    height: 100%;
}

body.morepager.switcher #header .headertop > .inside{
    padding: 0 20px;
 /* display: flex;
  flex-direction: row;
 
  align-items: center;*/
    display: table-row;
    height: 100%;
}

body.morepager.switcher #header .headertop .mod_navigation ul > li:last-of-type:after{
    display: none;
}

body.morepager.switcher #header{
    border-top: none;
}

body.morepager.switcher #header .headertop .mod_navigation > ul > li.active > strong,body.morepager.switcher #header .headertop .mod_navigation > ul > li strong,
body.morepager.switcher #header .headertop .mod_navigation >  ul > li > a,
body.morepager.switcher header .headertop .right .mod_navigation > li > a,
body.morepager.switcher header .headertop .right .mod_navigation > li > strong{
  padding: 25px;
   display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: white;
    align-content: center;
    vertical-align: middle;
  font-size: 16px;
}

body.morepager.switcher .headerbottom,
body.morepager.switcher #header .headerbottom{
    padding: 0 25px;
}


body.morepager.switcher #header .header_right ul li a,body.morepager.switcher #header .header_right ul li a span{
    color: white;
  font-size: 16px;
}
body.morepager.switcher .gridbox span.title.h3 {
  font-size: 24px;
}

header .header_right li > a *{
    vertical-align: middle;
    color: white;
}

header .headertop{
    display: table;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
}

header .headertop > .inside > *{
    vertical-align: top;
    height: 100%;
}

body.morepager.switcher #header .headertop .mod_navigation > ul > li{
    margin: 0;
}

body.morepager.switcher #header .headertop .mod_navigation > ul > li > strong:after, body.morepager.switcher #header .headertop .mod_navigation > ul > li > a:after{
     height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
     content: '';
    background: transparent;
    z-index:-1;
     -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

body.morepager.switcher #header .headertop .mod_navigation > ul > li.active > strong:after, body.morepager.switcher #header .headertop .mod_navigation > ul > li strong:after,
body.morepager.switcher #header .headertop .mod_navigation > ul > li.trail > a:after{
   
    background: rgba(255,255,255,1);
  
  
    
}
body.morepager.switcher #header .headertop .mod_navigation > ul > li.trail > a,
body.morepager.switcher #header .headertop .mod_navigation > ul > li.active > strong,
body.morepager.switcher #header .headertop .mod_navigation > ul > li > strong{
    color: #707173;
    position: relative;
    z-index: 1;
}

body.morepager.switcher #header .headertop .mod_navigation > ul > li:not(.phone):hover > a:after{
     background: rgba(255,255,255,0.1);
    z-index: 0;
}


body.morepager.switcher #header .header_right ul li a span.icon{
    height: 25px;
  width: 25px;
  margin-right: 10px;
}

body.morepager.switcher #header .header_right ul li a span.icon svg{
    stroke: white;
    height: 100%;
    width: 100%;
}

body.morepager.switcher #header {
    position: unset;
        min-height: 0;
     top: 0;
}


body.morepager.switcher #header .headerbottom,
body.morepager.switcher.home #header {

    position: sticky;
    position: -webkit-sticky;
   
}

body.morepager.switcher #herosection{
    padding: 0;
}


/*Headerefx*/
.headerbottom.clone {
  
    top: -100%;
    left: 0;
    right: 0;
position: fixed;
    width: 100%;
    z-index: 999;
   
     -webkit-transition: all 0.8s linear;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;
}

.up .headerbottom.clone {
     transform: translateY(0);
     
}

.down .headerbottom.clone,.up .headerbottom.clone{
      transform: translateY(0);    
  
    background: white;
    top: 0;
z-index: 99991;
}

.morepager.switcher footer .mod_navigation > ul > li.submenu{
    float: left;
}

.morepager.switcher footer > .inside{
    padding-bottom: 20px;
}
.morepager.switcher #footerbottom > .inside{
   padding: 10px 0;
}

.morepager.switcher #footerbottom ul{
    display: table;
    float: right;
}

.morepager.switcher #footerbottom li{
    float: left;
}


.morepager.switcher.nohero #container{
    padding-top: 0;
}



.morepager.switcher .switcher .gridbox .inside .teaserimage{
    margin-bottom: 20px;
  transition: all 0.5s;
}
.morepager.switcher .switcher .gridbox .inside .teaserimage:hover{
  opacity: 0.75;
}

.morepager.switcher .switcher .gridbox .inside .moreholder {
    margin: 2rem auto 0;
}
.morepager.switcher .row .gridbox.col {
  padding: 0;
}
.mod_article > .block.fullwidth.switcher {
  padding-top: 2rem;
}

.mod_navigation .row > li a,.mod_navigation .row > li span{
    display: block;
}
body.switcher .mod_navigation.mod_pageTeaser ul.row >li,
.mod_navigation ul.row > li{
    margin: 0 0  4rem;
}


body .flexslider .table.caption{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

body.safari #herosection .flexslider .table.caption{
    display: block;
}

body.safari #herosection .flexslider .table.caption > .row{
    display: table;
    height: 100%;
    width: 100%;
}

.image_caption{
  display: block;
  line-height: 1.2;
  margin-top: 10px;
    font-style: italic;
    font-size: 16px;
}
.date-btn {
position: fixed;
  z-index: 100;
  transform: rotate(270deg);
top: 65%;
  left: -85px;
width: auto;
  padding: 20px 55px 10px 10px;
  font-weight: bold;
display: block;
  border-radius: 12px;
  background:url(/files/maba/layout/images/icons/kalender.svg) no-repeat var(--kundenfarbe);
background-size:30px;
  font-size: 14px;
  background-position: 95% 65%;
  transition: all 0.3s;
  opacity: 0.9;
  color: white;
}
.date-btn:hover {
  opacity: 1;
  color: white;
}
.modal-header.filled,
    .modal .modal-footer{
         width: calc(100% - 30px);
    }
.modal-header > h4, .modal-header.filled > h4 {
        text-align: left;
        padding-left: 10px;
        padding-right: 2rem;
    }
.cbp-tm-submenu,
header .header_right ul.cbp-tm-submenu > li{
  height: auto;
}

body .slick-slide {
    float: none;
    display: inline-block !important;
    vertical-align: middle;
}
.mod_article[style*="background-color: #00519e;"] .headlinecontainer > *{
    color: white
}
.modal-trigger {
  cursor: pointer;
}
@media all and (max-width: 1324px){
body.switcher .mod_navigation ul li {
    margin-right: 10px;
    
    }
    
    body.switcher #header .mod_navigation ul li > *{
        font-size: 12px;
    }
}
@media all and (max-width: 1180px){
  
    .morepager.switcher .headerbottom,
    header{
display:none;
}
    
    .slicknav_menu{
display:block;
}
}
@media all and (max-width: 1024px){
.ce_contactfooter > .inside{
background-position:50% 100% !important;
}

.ce_contactfooter .headlinecontainer > * {
    font-size: 46px;

}
.ce_contactfooter .table.holder .row .col{
padding-right:0;
}
  
    
}

@media all and (min-width: 1000px){
.row > .modalteaser.col{

}

}

@media all and (max-width: 980px){

    footer > .inside .row .col.m3{
        width: 50%;
    }
    
    footer > .inside .row .col.m6{
        width: 100%;
        margin-top: 20px;
    }
    
.moreholder {
    display: block;
    margin-top: 2rem;
    margin-bottom: 2rem;
}



#herosection{
padding-top:85px;
}
    
    body.switcher #herosection{
        padding-top: 0;
    }

.home #herosection ul.slides{
height:auto;
min-height:0;
}
body .flexslider .slides img{
opacity:1 !important;
}

body .flexslider .slides > li .table .capholder{
padding: 0 5rem 3rem;
}

body .flexslider .slides > li .table .capholder .caption h2 {

    font-size: 36px;
    font-weight: 600;
    line-height: 44px;

}

.boxcontent > .blocktitle, .boxcontent > .inside{
padding:12px 10px;
}

#herosection .hero-container{
height:auto;
}

}

@media all and (max-width: 930px){

.ce_linkbox .table > .row{
display:table;
width:100%;
margin:0;
padding:3rem 0 0;
text-align:center;
}
.ce_linkbox .table > .row > .col{
display:table-footer-group;

}

.ce_linkbox .table > .row > .col.imageholder figure{ 
background-size:contain !important;
}


.ce_linkbox .table > .row > .col.textholder{
display:table-header-group;
}

}

@media all and (max-width: 860px){

/*.tabnav{
display:none;
}*/

.carousel.carousel-slider{
height:500px !important;
}

.boxcontent > .blocktitle > h4{
font-size:16px !important;
}

.morepager #footer .box.col.l3.m3 {

    width: 50%;
    margin: 0 0 3rem 0;
}

.morepager #footer .box.col.l3.m3.sitemap, .morepager #footer .box.col.l3.m3.info{
margin:0;
}

.boxcontent > .blocktitle, .boxcontent > .inside{
padding:12px 15px;
}

.ce_gallery ul.cols_3 li, .ce_gallery ul.cols_4 li{
width:calc((100% - 1 * 20px) / 2 );
margin-right:20px;
margin-bottom:20px;
}

.ce_gallery ul.cols_3 li:nth-child(2n+2), .ce_gallery ul.cols_4 li:nth-child(2n+2),.ce_gallery ul.cols_5 li:nth-child(2n+2), .ce_gallery ul.cols_6 li:nth-child(2n+2){
margin-right:0;
}

.ce_gallery > ul li.col_first{
clear:none;
}

@media all and (max-width: 750px){



.row > .col.m6,.ce_youtube .row .col.l6 {
	float:none;
    width: 100%;
    padding: 0.75rem 0.75rem 1rem 0.75rem;

}


.ce_youtube .row .col.l6, .ce_player .row .col.l6.textholder{
display:table-footer-group;
}

.ce_youtube .row .col.l6 > .innerholder, .ce_player .row .col.l6.textholder > .innerholder{
padding-top:20px;
}

.ce_youtube .row .col.l6.align_left,.ce_youtube .row .col.l6.align_right, .ce_player .row .col.l6.align_right,.ce_player .row .col.l6.align_left {
display:table-header-group;
}

.teaserimage img{
max-width:100%;
}

.parallax-container{
height:280px;
}

.parallax-container .parallax img{
min-height:0;
min-width:0;
height:auto;
width:100%;
}

form .row .col.m6{
width:100%;
}

.modalteaser, .row > .modalteaser.col{
display:table;
width:100%;
}

#kontaktblock .row{
margin:0;
}

.mod_pageTeaser .row > .col.m6 {
padding-bottom:0;
}

.boxed .modalholder {

    padding: 2rem 20px calc(2rem - 15px) 20px;
}

.ce_contactfooter > .inside{
background:none !important;
}

.ce_contactfooter .table.holder .row .col {

    width: 100%;
    padding: 2rem 20px 3rem;
    text-align: left;

}

.ce_contactfooter .headlinecontainer {

    margin-bottom: 20px;

}




.ce_contactfooter .button.outline{
width:100%;
max-width:none;
}

.row .col.l4.m4{
width:100%;
float:none;
}


#wrapper .row .teamitem.col.l4.m4,#wrapper .roundImages .row > .modalteaser.col.l4,#wrapper .row .gridbox.col{
width:50%;
float:left;
}

#kontaktblock{

}

#kontaktblock .row{

}

body .flex-direction-nav a,
.ce_contactfooter .headlinecontainer br{
display:none;
}

.mod_article > .block{
padding:2rem 20px;
}

.ce_text .col,.vmiddle.ce_text > .row > *{
float:none;
display:table-header-group;
}

 .row > .ce_form.col,#kontaktblock .row > .ce_image.col{
 float:none;
 display:table;
 width:100%
 }

.ce_text .col figure, #wrapper .row > .col{
float:none;
}

.fullwidth.ce_text .col.textholder > .innerholder{
padding:0 20px;
}

.headImg img {
    max-height: 30px;
}

.ce_text .headlinecontainer > h2{
margin:0;
}
.ce_text .col.textholder{
display:table-footer-group;
}

.ce_text .col figure{
margin-bottom:2rem;
}


.mod_kontaktDaten .row > .col{
margin-bottom:20px;
}
    
}

@media all and (max-width: 670px){


 body .modal {
  top: 0 !important;
     margin: 0 10px 8rem 10px;
     width: calc(100% - 20px);
}   
    
    #infopopup .modal-header .modal-close {
        font-size: 20px;
        padding: 0 10px;
        background-color: white;
        top:10px;
    }
    #section04 {
padding-bottom: 5rem;
}
    #herosection {
padding-top: 0;
}
    .one_pager #wrapper #main > .inside {
        padding: 20px; 0;
    }
  
    
.ce_text .moreholder .button {

    display: table;
    max-width: none;
    margin-left: 10px;
    margin: 0 auto 2rem;

}

ul.col_2{
-webkit-columns: 1;
     -moz-columns: 1;
          columns: 1;
  -webkit-column-gap: 0;
     -moz-column-gap: 0;
          column-gap: 0;
}




body .flexslider .bgImage{
background:none !important;
position:relative;
}
video {
width:100%;
height:auto;
}



body .flexslider .slides > li .table .capholder {
    padding: 0;
}

body .flexslider .slides > li .table .capholder .caption{
width:100%;
box-sizing:border-box;
}
body .flexslider .slides > li .table .capholder .caption br{
display:none;
}

body .flexslider .slides > li .table .capholder .caption h2 {

    font-size: 33px;
    font-weight: 500;
    line-height: 50px;
    text-align: center;

}

body .flex-control-nav{
position:relative;
}

.flexslider .slides {

    margin-bottom: 20px;

}

.marken ul li {

    float: none;
    width: 25% !important;
    text-align: center;
    margin-bottom: 2rem;
    height: auto;

}




.one_pager #wrapper .row > .modalteaser.col.m6{
width:50%;
display:block;
float:left;
}

.one_pager #wrapper .row > .modalteaser.col.m6 img{
width:100%;
}

.one_pager #wrapper .row > .modalteaser.col.m6{
width:100%;
display:block;
float:none;
}

.one_pager .marken > .inside {

    margin-bottom: 0;

}

.modalholder {

    display: table;
    width: 100%;

}

.modalholder .row.grid{
white-space:normal;
}

#wrapper .row .gridbox.col{
  width: 100%;
    float: none;
}
}

@media all and (max-width: 520px){

.ce_gallery ul.cols_2 li, .ce_gallery ul.cols_3 li, .ce_gallery ul.cols_4 li, .ce_gallery ul.cols_5 li, .ce_gallery ul.cols_6 li{
width:100%;
float:none;
margin-right:0;
}

#wrapper .row .teamitem.col.l4.m4,#wrapper .roundImages .row > .modalteaser.col.l4{

    width: 100%;
    float: none;

}

.memberImage.roundedImages,.modalteaser .teaserimage.roundedImages{
height: 40vw;
width: 40vw;
max-width: 250px;
max-height: 250px;
min-width: 185px;
min-height: 185px;
}



.marken ul li {

    float: left;
    width: 50% !important;
    text-align: center;
    margin-bottom: 2rem;
    height: auto;

}

.ce_googlemap{

margin-bottom:2rem;
}

.ce_googlemap > .inside{
height:300px;
}



.mod_article > .block {

    padding:15px 10px;

}
.fullwidth.ce_text .col.textholder > .innerholder{
padding:0 10px;
}

.mod_article > .block.fullwidth{
padding-top:20px;
}

.mod_pageTeaser li.col {

    margin-bottom: 10px;

}

.morepager #footer .box.col.l3.m3 {

    width: 100%;
    margin: 0 0 30px;
    border-bottom: 1px solid 

    rgba(255,255,255,0.3);
    padding-bottom: 30px;
    text-align: left;

}

.morepager #footer .box.col.l3.m3:last-of-type {
margin-bottom:0;
padding-bottom:0;
border-bottom:0;
}
}

@media all and (max-width: 430px){
.marken ul li {

    width: 100% !important;

}

}

@media all and (max-width: 350px){
.mod_pageTeaser .teasertitle{
position: relative;
width:100%;
padding:10px;
}

.ce_contactfooter .button.outline{
padding:10px;
}

.ce_contactfooter .headlinecontainer > *{
font-size:36px;
}

.ce_contactfooter .table.holder .row .col{
padding:2rem 0 3rem;
}
}

@media all and (max-width: 300px){
.ce_contactfooter .headlinecontainer > *{
font-size:32px;
}
}