img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;overflow-y:scroll}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}object{pointer-events:none}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}a sub,a sup{top:0;font-size:100%}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}a img.alignright{float:right;margin:0 0 1em 1em}a img.alignleft{float:left;margin:0 1em 1em 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}img.alignleft+p{float:left}img.alignright+p{float:right}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;-moz-box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0;width:100%!important}a,b,body,button,em,h1,h2,h3,h4,h5,html,input,li,p,select,span,strong,td,textarea{-webkit-font-smoothing:antialiased;font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smooth:always}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

  @font-face { 
    font-family: 'LTE';
             src: url('../font/lte50541.ttf') format('truetype'); 

    font-weight: normal;
    font-style: normal;
  }





/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size:18px;
  font-size: 1.8em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 30px;
  line-height:3rem;
  color: #686868; 
  font-family: 'Roboto', sans-serif;
}

p{margin-top: 0; }
p:last-child{margin-bottom:0;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #000; }
a:hover {
  color: #000; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 15px;
  font-size:1.5rem;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 0px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #000;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 0px;
  box-shadow: none;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #ffa302;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {padding: 15px 10px 15px 10px;text-align: left;border:0;position:relative;font-weight:500;font-size:14px;font-size:1.4rem;line-height:16px;line-height:1.6rem;}



/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


.centered{position:relative;max-width: 1200px;margin: 0 auto;padding:0 20px;}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */

a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.flexgrid{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }

.browserupgrade {
    margin: 0.2em 0;
    background: #FFF;
    color: #000;
    padding: 0.2em 0;text-align:center;
}

.cd-nav-trigger{display:none;}

.elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}
.elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.img,
.img img{width:100%;height:auto;display:block;}
.mobile,
.mobile-pt{display:none;}
.desktop,
.desktop-till-mobile-pt{display:block;}


.box{background:#FFF;border:1px solid #E9E9E9;padding:16px;}

/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
section:after,
.row:after,
.clearfix:after,
#lang_sel:after,
.wpcf7-form:after,
.clearafter:after{
  content: "";
  display: table;
  clear: both; }

.clear{clear:both;float:none;display:block;}


/* Transitions
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/*
#stage > header{
transition: top 0.3s ease-out;width:100%;
-webkit-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
   -moz-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
     -o-transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000); 
        transition: all .3s cubic-bezier(0.000, 0.000, 0.280, 1.000);  
}
*/


/* Default Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#stage > header.sticky{background:#FFF;padding-bottom:20px;z-index:900;position:fixed;top:0px;left:0px;padding-top:20px;height:160px;}


/*
.anchor-wrap{position: relative;}

*/
.section__anchor{position: absolute; top: -52px;}
#stage > header.sticky + main{padding-top:160px;}
a.btn{transition: all 0.5s ease-out;background: #ffa302;padding: 5px 15px 5px 40px;color: #FFF;text-decoration: none;display: block;margin-top: 12px;position: relative;border-radius: 5px;min-width: 250px;text-align: center;margin: 0 auto;position: relative;}
a.btn{padding-left:15px;}
a.btn:hover{text-decoration: underline;background:#ffa302;}
a.btn:active{background:#d83b01;}

body.isMobile .close,
body.isMobile .mk-go-top{touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0,0,0,0);}

.mk-go-top{transition:all .2s linear;background-color:rgba(255,255,255,0.6);bottom:10px;opacity:0;width:40px;height:40px;position:fixed;right:-60px;z-index:100000;opacity:0;right:-60px;}
body.o100 .mk-go-top{opacity:1;right:12px;display:block;}
body.o100p .mk-go-top{bottom:80px;}
.mk-go-top:hover{background-color:rgba(0,0,0,0.15);}
.mk-go-top:after{content:' ';display:block;position:absolute;left:11px;top:15px;width:18px;height:11px;background:transparent url(../img/arrows.png) 0px top no-repeat;background-size:18px 22px;background-position: 0px -12px;}

body.isMobile.home.footerVisible .mk-go-top{bottom:85px;}
section.wysiwyg img{max-width:100%;height:auto;}



/* Accordion
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
.acc-wrapper h3{font-weight:600;}
.acc-wrapper .acc{margin:0px 0px 30px;border-top:1px solid #14407e;border-bottom:1px solid #14407e;}
.acc-wrapper .acc .header{position:relative;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
.acc-wrapper .acc .header:after{content:' ';display:block;position:absolute;right:30px;top:26px;width:18px;height:11px;background:transparent url(../img/arrows.png) 0px top no-repeat;background-size:18px 22px;}
.acc-wrapper .acc .header h3,
.acc-wrapper .acc .header h4{font-size:16px;padding:20px 125px 20px 30px;margin-bottom:0;font-weight:500;}
.acc-wrapper .acc .body{display:none;padding:10px 30px 30px;}
.acc-wrapper .acc.checked .header .c{position:absolute;width:28px;height:28px;right:70px;top:16px;}
.acc-wrapper .acc.checked .header h3 .c:after,
.acc-wrapper .acc.checked .header h4 .c:after{content:' ';display:block;width:28px;height:28px;background:transparent url(../img/check.png) 0px 0px no-repeat;background-size:100% auto;}
.acc-wrapper .acc.active{background-color:#fafafa;}
.acc-wrapper .acc.active .header:after{background-position:0px -12px;}
.acc-wrapper .acc.opened .body{display:block;}
.acc-wrapper .acc.high{background-color:#eef4fb;}
*/
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?37193919');
  src: url('../font/fontello.eot?37193919#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?37193919') format('woff2'),
       url('../font/fontello.woff?37193919') format('woff'),
       url('../font/fontello.ttf?37193919') format('truetype'),
       url('../font/fontello.svg?37193919#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?37193919#fontello') format('svg');
  }
}
*/
 
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?36966734');
  src: url('../font/fontello.eot?36966734#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?36966734') format('woff2'),
       url('../font/fontello.woff?36966734') format('woff'),
       url('../font/fontello.ttf?36966734') format('truetype'),
       url('../font/fontello.svg?36966734#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36966734#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-leaf:before { content: '\e800'; } /* '' */
.icon-left-open-mini:before { content: '\e801'; } /* '' */
.icon-right-open-mini:before { content: '\e802'; } /* '' */
.icon-group:before { content: '\e803'; } /* '' */
.icon-flag:before { content: '\e804'; } /* '' */
.icon-lock-open:before { content: '\e805'; } /* '' */
.icon-chart-pie-alt:before { content: '\e806'; } /* '' */
.icon-star:before { content: '\e80f'; } /* '' */
.icon-food:before { content: '\f0f5'; } /* '' */
.icon-laptop:before { content: '\f109'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-facebook-official:before { content: '\f230'; } /* '' */
.icon-handshake-o:before { content: '\f2b5'; } /* '' */

/* ContactForm7
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.wpcf7-form{position:relative;width:100%;max-width:1000px;margin:50px auto;}
.wpcf7-form > p{clear:both;}
.wpcf7-form fieldset{float:left;width:100%;box-sizing: border-box;padding:0px 16px 0 0;margin: 0 0 16px;border:0;}
.wpcf7-form fieldset:after{content:' ';clear:both;}
.wpcf7-form fieldset.checkbox span{float:left;}
.wpcf7-form fieldset.checkbox label{}
.wpcf7-form label{color:#FFF;font-size:1.2em;font-weight:500;}
.wpcf7-form label a{color:#FFF;text-decoration: underline;}
.wpcf7-submit,
.wpcf7-form .button, .wpcf7-form button, input[type="submit"], input[type="reset"], input[type="button"]{margin:0px 32px 0px 0px;padding:0px 22px;border:0;border-radius: 0px;font-size: 18px;color: #FFFFFF;font-weight:500;text-transform: none;cursor:pointer;background:#85b805;border-radius: 8px;}

.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus,
.wpcf7-form a:hover{text-decoration: underline;color:#FFF;cursor:pointer;}

input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{width:100%;}


main{margin-top: 117px;}
section, .action-wrapper{position: relative;margin-bottom: 100px;}
h2{text-align: center;margin-bottom: 30px;}
/*
h2:after{content: '';width: 100px;height: 3px;background: #85b805;display: block;position: relative;margin: 20px auto 0 auto;}
*/
/*HEADER*/
header{background:rgba(255,255,255,1);position: fixed;left: 0;right: 0;top: 0;height: auto;z-index: 99;padding: 20px 0;box-shadow: 0 0 8px rgba(0,0,0,0.5);}
header .logo__wrapper{max-width: 250px;width: 100%;}
header .logo__wrapper a{display: block;width: 100%;height: 100%;}
header .logo__wrapper a img{width: 100%; height: auto;}
header .mobile-nav__wrap{display: flex;justify-content: space-between;align-items: center;}
.navigation__header .contact__header{display: flex;justify-content: flex-start;align-items: center;padding-left:20px; transition: all .3s ease-out; height: auto;opacity: 1;}
body.o100 .navigation__header .contact__header{height: 0;opacity: 0;transition: .3s ease-out;}
.navigation__header .contact__header .phone{margin-right: 30px;display: inline-block;font-size: 14px;}
.navigation__header .contact__header .phone,.navigation__header .contact__header .mail{cursor: pointer;display: flex;font-size: 14px;}
.navigation__header .contact__header a{color: #9b9b9b;display: block;height: 100%;margin-left: 5px;font-size: 14px;}

footer{position: relative;display: block;background: #85b805;padding: 20px 0;}
footer #nav-footer ul{display: flex;justify-content: space-between;list-style:none;margin-bottom: 0;align-items: center;}
footer #nav-footer ul li{width: auto;margin-bottom: 0;}
footer #nav-footer ul li a{color: #fff;}
footer #nav-footer ul li a:hover{color: #fff;text-decoration: underline;}
footer .footer__content{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;border-bottom: 1px solid #fff;}
footer .footer__content .content__col{width: 30%;min-width: 350px;color: #fff;}
footer .footer__content .content__col a{color: #fff;}
footer .footer__content .content__col a:hover{color: #fff;text-decoration: underline;}
footer .footer__content .content__col .social a{font-size:32px;}
footer .footer__content .content__col .social a:hover{text-decoration: none;}
footer .footer__lower{text-align: right;color: #fff;padding-top: 10px;}
footer .footer__lower a{color: #fff;}

/*NAVIGATION*/
#nav-main{position: relative;display: block;height: 100%;}
#nav-main ul{display: flex;justify-content: space-between;list-style: none;margin-bottom: 0;}
#nav-main ul li{margin: 0 15px;}
#nav-main ul li a{color: #686868;font-size: 16px;}
#nav-main ul li.current_page_item a{color: #85b805;}
#nav-main ul.sub-menu{display: none;}
#nav-main ul li:hover > ul.sub-menu{display: block;position: absolute;background-color: #fff;padding:20px;width: 220px;margin-left: -20px;margin-top: 0;}
#nav-main ul.sub-menu li{margin-bottom: 15px;}
#nav-main ul.sub-menu li a{display: block;width: 100%;height: 100%;}


/*TEASER*/
.teaser__main{position: relative;width: 100vw;height: 70vh;overflow: hidden;max-width: 100%;}
.teaser__main .teaser__bg{position: relative;display: block;width: 100vw;height: 70vh;}
.teaser__main .teaser__bg .teaser__bg--claim{position: absolute;top:0;right:0;bottom:0;left:0;display: flex;justify-content: center;align-items: center; }
.teaser__main .teaser__bg .teaser__bg--claim h2{font-size: 2vw; color: #fff;}



/*PARTNERS*/
.partners__grid{display: flex;justify-content: space-between;align-items: center;}
.partners__grid .single__partner{width: 180px;}
.partners__grid .single__partner img{width: 100%;}


/*USP´S*/
.usp__wrap .icon__container{margin:0 auto;display: flex;width: 155px;height:155px;background:#f9f9f9;border-radius: 50%;justify-content: center;align-items: center;font-size: 60px;text-align: center;color: #85b805;}
.usp__wrap{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.usp__wrap .single__usp{width: 200px;text-align: center;font-size: 14px;line-height: 150%;padding: 0 10px;}

/*Text/Bild*/
.text-bild{position: relative;display: block;}
.text-bild .content__wrap{display: flex;justify-content: space-between;align-items: flex-start;}
.text-bild .content__wrap .text-container{width: 540px;text-align: left;}
.text-bild .content__wrap .text-container h2{text-align: left;color: #85b805;margin-top: 0;}
.text-bild .content__wrap .text-container ul{list-style: none;list-style-position: inside;}
.text-bild .content__wrap .text-container ul li{display: flex;}
.text-bild .content__wrap .text-container ul li:before{content: '\e800'; color: #ffa302;margin-right: 15px;font-weight: bold;font-family: 'fontello';color: #85b805;}
.text-bild .content__wrap .image-container{max-width: 540px;width: 100%;}
.text-bild .content__wrap .image-container img{width: 100%;height: auto;border-radius: 12px;}

/*KONTAKT*/
.contact__data{text-align: left;margin-bottom: 30px;}
.contact__data p{margin-bottom: 0px;}
.contact__data p a{color: #9b9b9b;}
.contact__data p a:hover{color: #9b9b9b;text-decoration: underline;}
a.datenschutzhinweis{color: #85b805;}
a.datenschutzhinweis:hover{color: #85b805;text-decoration: underline;}
span.wpcf7-list-item.first{margin-left: 0;margin-right: 10px;}

/*VOICES*/
.voices{padding: 30px 0;background:#f7f7f7;}
.voices .info{text-align: center;margin-bottom: 50px;}

.voices .voices-wrap{display: block;position: relative;}
.voices .voices-wrap .single_voice{padding: 0 30px;width: 100%;}
.voices .voices-wrap .single_voice .img_wrap{max-width: 200px; width: 100%; padding-bottom: 50%;margin: 0 auto;border-radius: 50%;margin-bottom: 30px;}
.voices .voices-wrap .single_voice .voice-text{text-align: left;}
.voices .voices-wrap .single_voice .voice-text em{font-style: normal;color: #ffa302;}


.vc-wrapper{display:table;width:100%;height:100%;position:relative;}
.vc{display:table-cell;width:100%;vertical-align: middle;position: absolute;bottom: 15%;left: 15%;max-width: 500px;background: rgba(133,184,5,0.75);}
.vc-inner{padding: 30px 30px;color: #fff;}
.vc-inner h2{text-align: left;font-size: 45px;line-height: 100%;}
.vc-inner p{font-size: 17px;line-height: 130%;}

/*BLOCKGRID*/
.container__grid{display: flex;justify-content: flex-start;flex-wrap: wrap;align-items: stretch;}
.container__grid .container__full{max-width: 50%;width:100%;}
.container__grid .container__full:first-child{border: 5px solid #fff;border-right: none;display: flex;justify-content: center;align-items: center;}
.container__grid .container__full:last-child{border: 5px solid #fff;}
.container__grid .container__full .container__half{height:570px; display: flex;justify-content: center;align-items: center;}
.container__grid .container__full .container__half:last-child{border-top: 5px solid #fff;}
.container__grid .container__full .container__content__wrapper{display: block;width: 100%;height: 100%;}
.container__grid .container__full h2{margin: 0;color: #fff;}
.container__grid .container__full p{color: #fff;padding-left: 30px;padding-right: 30px;}


/*BRANDS*/
.brands{position: relative;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
.brands .brand__item{width: 200px;padding: 0 20px;margin-bottom: 100px;max-height: 100px;position: relative;min-height: 100px;display: flex;align-items: center;}
.brands .brand__item a{display: block;width: 100%; height: 100%;}
.brands .brand__item img{width: 100px;height: auto;}
.brands .brand__item img.mark{width: 45px;height: 45px;position: absolute;top: -15px;right: 40px;}

/*TEAM*/
.team__grid{position: relative;display: flex;justify-content: space-between;flex-wrap: wrap;}
.team__grid .team__item{position: relative;display: block;width: 85px;transition: all 0.3s ease-out;}
.team__grid .team__item .team__item-image{position: relative;width: 100%;height: auto;}
.team__grid .team__item .team__item-image:hover{z-index: 99;}
.team__grid .team__item .team__item-image:hover img{width: 500%; z-index: 99;transition: all 0.3s ease-out}
.team__grid .team__item .team__item-image img{width: 100%;height: auto;}
.team__grid .team__item .team__item-info{position: relative;}

/*TEXTBLOCK*/
.textblock{text-align: center;padding: 30px 0 70px 0;background:#f3f3f3;}
.textblock h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}
.textblock h2:after{content: '';display: block;max-width: 5%;height: 3px;background-color: #686868;margin: 0 auto;margin-top: 15px;}
.textblock em{font-size: 32px;}

/*TIMELINE*/
.timeline h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}
.timeline h2:after{content: '';display: block;max-width: 5%;height: 3px;background-color: #686868;margin: 0 auto;margin-top: 15px;}
.step__container{display: block;position: relative;}
.step__container .single__steps{width: 300px;display: block; float: left;}
.step__container .single__steps img{width: 100%;height: auto;margin: 0 auto;display: block;}
.step__container .single__steps .step__name{display: block;}
.step__container .single__steps .step__name a{display: inline-flex;align-items: center;font-size: 22px;color: #686868;width: 70px;height: 70px;}
.step__container .single__steps-text{display: block;max-width: 770px;width: 100%;float: left;position: relative;margin-left: 80px;}
.step__container .single__steps-textwrap{height:0;opacity: 0;transition: all 0.5s ease-out;position: absolute;left: 0;right: 0;top: 0;bottom:0;}
.step__container .single__steps-textwrap h3{text-align: left;color: #85b805;margin-bottom: 15px;}

.step__container .single__steps-textwrap.visible{display: block;opacity: 1;height: auto; transition:all 0.5s ease-out;}
.progress__line{width: 500px;height: 8px;border-radius: 5px;background:#a2badc;margin: 0 auto;position: relative;}
.step__name{position: absolute;border-radius: 50%;width: 75px;height: 75px;}
.step__name:hover{background:rgba(0,0,0,.3);}
.step__name.steppos__1{bottom: 16.3%;left: 18.6%;}
.step__name.steppos__2{bottom: 23.6%;left: .8%;}
.step__name.steppos__3{bottom: 30.5%;left: 18.5%;}
.step__name.steppos__4{bottom: 37.7%;left: .7%;}
.step__name.steppos__5{bottom: 44.6%;left: 18.5%;}
.step__name.steppos__6{bottom: 51.8%;left: .9%;}
.step__name.steppos__7{bottom: 58.6%;left: 18.5%;}
.step__name.steppos__8{bottom: 65.7%;left: .7%;}
.step__name.steppos__9{bottom: 73%;left: 18.3%;}
.step__name.steppos__10{bottom: 80.2%;left: .8%;}
.step__name.steppos__11{bottom: 87.5%;left: 18.5%;}
.single__steps-textwrap .image__wrapper{max-width: 65%;width: 100%;overflow: hidden;padding-bottom: 56.25%;position: relative;display: block;border-radius: 12px;}


/*BLOG PREVIEW*/
.blogpreview{display: block;position: relative;width: 100%;}
.blogpreview h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}

.blogpreview a{color: #686868;}
.blogpreview a h3{margin: 0;}
.blogpreview .blog__grid{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.blogpreview .blog__grid .blog__item{width: 360px;}
.blogpreview .blog__grid .blog__item .blog__item-image{width: 100%;padding-bottom: 56.25%;border-radius: 12px;margin-bottom: 20px;}



/*TEAM */
.single__team{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;margin-bottom: 50px;}
.single__team .teammember{width: 85px;height: auto;}
.single__team .teammember a{display: block;}
.single__team .teammember a img{width: 100%;height: auto;}
.team__container .single__team-textwrap{height: 0;opacity: 0;}
.team__container .single__team-textwrap h3{margin: 0;color:#85b805;margin-bottom: 10px;}
.team__container .single__team-textwrap.visible{height: auto;opacity: 1;transition: all 0.3s ease-out;display: flex;justify-content: flex-start;}
.team__container .single__team-textwrap.visible .image__wrapper{width: 400px;padding-bottom: 32.5%;border-radius: 12px;}
.team__container .single__team-textwrap.visible .info__wrapper{padding-left: 50px;}


.teaser__fullwidth{position: relative;display: block; max-width:100%;width: 100%;max-height:600px;padding-bottom: 32.25%;margin:100px auto 50px auto;}


/*BLOG Archive*/
.blog{display: block;position: relative;width: 100%;}
.blog h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}
.blog h2:after{content: '';display: block;max-width: 5%;height: 3px;background-color: #686868;margin: 0 auto;margin-top: 15px;}
.blog a{color: #686868;}
.blog a h3{margin: 0;}
.blog .blog__grid{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.blog .blog__grid .blog__item{width: 360px;margin-bottom: 80px;}
.blog .blog__grid .blog__item .blog__item-image{width: 100%;padding-bottom: 56.25%;border-radius: 12px;margin-bottom: 20px;}

/*SINGLE BLOG*/
.single__blog{position: relative;display: block;margin-top: 150px;}
.single__blog .single__blog--wrap{padding:0 20px;}
.single__blog .single__blog--wrap .single__blog--image{display: block;position: relative;text-align: center;}
.single__blog .single__blog--wrap .single__blog--image .logo__wrapper{max-width: 300px;width: 100%;position: relative;margin: 0 auto;}
.single__blog .single__blog--wrap .single__blog--image img{max-width:700px;width: 100%; height: auto;position: relative;margin-bottom: 50px;}
.single__blog .single__blog--wrap .single__blog--content{margin-bottom: 50px;}
.single__blog .single__blog--wrap .single__blog--content h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}
.single__blog .single__blog--wrap .single__blog--content h2:after{content: '';display: block;max-width: 5%;height: 3px;background-color: #686868;margin: 0 auto;margin-top: 15px;}
.next-prev-item{text-align: center;}
.single__blog .next-prev-item a{margin: 0 20px; color: #686868;font-size: 25px;}
.single__blog .next-prev-item a .prev:before{content: '\e801';font-family: 'fontello';margin-right: 15px;color:#85b805;font-size: 25px;}
.single__blog .next-prev-item a .next:after{content: '\e802';font-family: 'fontello';margin-left: 15px;color:#85b805;font-size: 25px;}



/*FAV BRANDS*/
.fav__grid{display: flex;align-items: stretch;flex-wrap: wrap;justify-content: space-between;}
.fav__grid .fav{width: 380px;margin-bottom: 50px;color: #686868;}
.fav__grid .fav .fav__image{width: 100%;position: relative;display: block;}
.fav__grid .fav .fav__image .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(133,184,5,0.3);opacity: 0;transition: 0.3s ease-out;}
.fav__grid .fav .fav__image:hover .overlay{opacity: 1;transition: 0.3s ease-out;}
.fav__grid .fav .fav__image img{width: 100%;height: auto;} 
.fav__grid .fav .fav__content{padding: 0 20px;}

.page_brands .text-bild .image-container__image-wrapper{text-align: center;}
.page_brands .text-bild .image-container__image-wrapper img{width: 50%;}
.page_brands .text-bild .content__wrap .text-container{width: 620px;}
.fav-marken h2{font-size: 35px;margin-bottom: 70px;color: #85b805;}
.fav-marken h2:after{content: '';display: block;max-width: 5%;height: 3px;background-color: #686868;margin: 0 auto;margin-top: 15px;}

/*SPORTARTEN*/
.sportarten__grid{display: flex;align-items: stretch;flex-wrap: wrap;justify-content: space-between;}
.sportarten__grid .fav{width: 380px;margin-bottom: 50px;color: #686868;}
.sportarten__grid .fav .sportarten__image{width: 100%;position: relative;display: block;}
.sportarten__grid .fav .sportarten__image .overlay{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(133,184,5,0.3);opacity: 0;transition: 0.3s ease-out;}
.sportarten__grid .fav .sportarten__image:hover .overlay{opacity: 1;transition: 0.3s ease-out;}
.sportarten__grid .fav .sportarten__image img{width: 100%;height: auto;} 
.sportarten__grid .fav .sportarten__content{padding: 0 20px;}
.sportarten__grid .fav .sportarten__content h3{margin-bottom: 0;margin-top: 10px;}

.text__grid{position: relative;display: block;}
.text__grid .text__grid--wrapper{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: stretch;}
.text__grid .text__grid--wrapper .single__text{width: 350px;text-align: center;}

.only__text a{color: #85b805;font-weight: bold;}
.only__text a:hover{text-decoration: underline;}


.container__grid .container__content__wrapper .container__content{position: relative;display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;background: rgba(0,0,0, .3);}
.container__grid .container__content__wrapper .container__content{text-align: center;}
.container__grid .container__content__wrapper .container__content em{font-style: normal; padding: 10px 30px;background:#85b805;display: inline-block;margin:0 auto;border-radius:8px;color: #fff;}
.container__grid .container__content__wrapper .container__content em:hover{text-decoration: underline;cursor: pointer;}
.container__grid .container__content__wrapper .container__content h2{color:#85b805; }


/*HOME NEW*/

/*SPORTARTEN*/
.sportarten__grid_list .sportarten__grid{display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.sportarten__grid_list .sportarten__grid .fav{width: 32%;position: relative;}
.sportarten__grid_list .sportarten__grid .fav .sportarten__image{width: 100%;max-height: 250px;overflow: hidden;position: relative;}
.sportarten__grid_list .sportarten__grid .fav .sportarten__image img{transform: scale(1);transition: 0.3s ease-out;}
.sportarten__grid_list .sportarten__grid .fav .sportarten__image:hover img{transform: scale(1.04);transition: 0.3s ease-out;}
.sportarten__grid_list .sportarten__grid .fav .sportarten__content{position: absolute;bottom: 0;left: 0;right: 0;background:rgba(255,255,255,0.9);color:#85b805;display: flex;justify-content: center;text-transform: uppercase; padding: 15px;font-weight: bold;}
.sportarten__grid_list .sportarten__grid .fav__last .sportarten__content{padding: 0 30px; position: absolute;top: 0;right: 0;bottom: 0;left: 0;background:rgba(133,184,5,0.75);display: flex;justify-content: center;align-items: center;color: #fff;font-weight:normal;text-align: center;line-height: 150%;}

/*TEXT NEUTRAL*/
.textblock-neutral h2{font-size: 35px;margin-bottom: 10px;color: #85b805;text-transform: uppercase;}
.textblock-neutral p{max-width: 605px; width: 100%; margin:0 auto; text-align: center;line-height: 150%;}
.textblock-neutral img{width: 100%;height: auto;}

/*SIEGEL*/
.siegel{width: 120px;position: absolute;left: 30px;top: 0px; }
.siegel img{width: 100%; height: auto;}

.sc{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;}
.sc-inner{background:rgba(255,255,255,.9);padding: 20px 30px 60px 30px;min-width: 45%;}
.sc-inner h2{font-size: 35px; color: #85b805;text-transform: uppercase;}
.sc-inner h2 em{font-style: normal;color: #686868;font-size: 28px;}
.sc__inner--icon{display: flex;justify-content: space-between;align-items: center;max-width: 550px;width: 100%;margin: 0 auto;}
.sc__inner--icon img{margin-right: 50px;}
.sc__inner--icon .sc--text p{line-height: 130%;}
.sc__inner--icon .sc--text strong{color: #85b805;}
.slider-fullwidth .sp-image{margin-left: 0 !important;}

.vc{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display: flex;justify-content: center;align-items: center;max-width: 100%;background: none;}
.vc-inner{background: rgba(255,255,255,.9);padding: 20px 30px 60px 30px;text-align: center;}
.vc-inner h2{font-size: 35px; color: #85b805;text-transform: uppercase;text-align: center;}
.vc-inner h2 em{font-style: normal;color: #686868;font-size: 28px;}
.vc-inner p{color: #686868;}


/*LEISTUNGEN*/
.leistungen h2{font-size: 35px; color: #85b805;text-transform: uppercase;text-align: center;}
.leistungen h2 em{font-style: normal;color: #686868;font-size: 28px;}
.drei-spaltig{position: relative;display: flex;justify-content: space-between;align-items: stretch;padding-top: 50px;}
.drei-spaltig .section__item{width: 24%;position: relative;}
.drei-spaltig .section__item .image-wrapper{width: 100%;position: relative;text-align: center;}
.drei-spaltig .section__item .image-wrapper img{height:auto;width: 100%;max-width: 100px;}
.drei-spaltig .section__item .section__item--content{color: #686868;padding: 0 20px;position: relative;text-align: center;}
.drei-spaltig .section__item .section__item--content h3.cat__title{text-align: center;padding: 15px 0;margin: 0;color: #85b805;}

.leistungen .head p{max-width: 650px;width: 100%;margin: 0 auto;}

.banner img{width: 100%;height: auto;}
.banner a{color: #fff;background:#85b805;padding: 10px 30px;border-radius: 8px;}

/*HERO ADD*/
.special__mark{position: relative;display: block;padding: 20px 0;box-shadow: 0 0 8px rgba(0,0,0,0.5);}
.special__mark--list{display: flex;justify-content: space-around;align-items: center;list-style: none;flex-wrap: nowrap;margin-bottom: 0;}
.special__mark--list li{width: 10%;margin-bottom: 0;}
.special__mark--list li img{width: 100%;}

.textblock-neutral h2{font-size: 35px; color: #85b805;text-transform: uppercase;text-align: center;}
.textblock-neutral h2 em{font-style: normal;color: #686868;font-size: 28px;}

/*TBI*/
.tbi__info{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;padding: 30px 50px 0 50px;}
.tbi h2{font-size: 35px; color: #85b805;text-transform: uppercase;text-align: center;}
.tbi h2 em{font-style: normal;color: #686868;font-size: 28px;}
.tbi__img{width: 100%;height:auto;}
.single__tbi-info{display: flex;justify-content: space-between;align-items: flex-start;color: #686868;}
.info__wrap{padding-left: 30px;}
.info__wrap h3{margin: 0 0 10px 0;color:#85b805;}
.info__wrap a{color: #686868;}

.usps h2,.only__text h2{color: #85b805;}
.page_karriere .usps .usp__wrap .single__usp{width: 50%;margin-bottom: 50px;padding: 0 30px;}
.page_karriere .usps .usp__wrap .single__usp p {max-width: 350px;text-align: center;margin: 0 auto;}
.page_karriere .only__text{background: #f7f7f7;padding: 30px 0;}
.page_karriere .only__text ul{list-style: none;}
.page_karriere .only__text ul li:before{content: '\e800';margin-right: 15px;font-weight: bold;font-family: 'fontello';color: #85b805;}
.single-pt-blog .single__blog ul{list-style: none;}
.single-pt-blog .single__blog ul li:before{content: '\e800';margin-right: 15px;font-weight: bold;font-family: 'fontello';color: #85b805;}
.page_nachhaltigkeit .text-bild .content__wrap{flex-wrap: wrap;justify-content: center;}
.page_nachhaltigkeit .text-bild .content__wrap .text-container{width: 100%;}

#slider {max-height: 750px !important;overflow: hidden !important;min-height: 250px;}
#slider .sp-slides-container,#slider .sp-mask.sp-grab,#slider .sp-slide,#slider .sp-image-container,#slider .sp-image {min-height: 250px;}
#slider .sp-image{margin-left: 0 !important}
.SBW-button{display: none !important;align-items: center !important;}
.SBW-button--opened{display: block !important;}
