@font-face{font-family:Bechtle-DinNext;src:url(../fonts/08d8d633-af3a-4790-9bf6-11e15d622ba2.eot?#iefix);src:url(../fonts/08d8d633-af3a-4790-9bf6-11e15d622ba2.eot?#iefix) format("eot"),url(../fonts/6d463735-bbb5-475c-8c90-dc76faf3b76c.woff2) format("woff2"),url(../fonts/123817bc-4751-4a33-8db5-d46cf8380091.woff) format("woff"),url(../fonts/5f2a425e-1ce4-453e-957c-9ba62d6f34dc.ttf) format("truetype"),url(../fonts/932d2ac3-fc5c-4880-a5ee-6e2bf666477d.svg#932d2ac3-fc5c-4880-a5ee-6e2bf666477d) format("svg");font-weight:400;font-style:normal}@font-face{font-family:Bechtle-DinNext;src:url(../fonts/fecc04f5-99b5-44fb-8298-af33f2db3fc8.eot?#iefix);src:url(../fonts/fecc04f5-99b5-44fb-8298-af33f2db3fc8.eot?#iefix) format("eot"),url(../fonts/97ab1536-7593-4fee-9f40-5a0fe9ad50d2.woff2) format("woff2"),url(../fonts/562103ef-591d-42e6-820d-c30d7e74a593.woff) format("woff"),url(../fonts/6288047b-8c89-4e83-a39a-d734e49fe66f.ttf) format("truetype"),url(../fonts/db6b5ef2-334f-4d39-9e89-42e602fe4578.svg#db6b5ef2-334f-4d39-9e89-42e602fe4578) format("svg");font-style:normal;font-weight:600}@font-face{font-family:Bechtle-DinNext;src:url(../fonts/8ff04f7c-e79a-4740-b85c-f5603a67ca81.eot?#iefix);src:url(../fonts/8ff04f7c-e79a-4740-b85c-f5603a67ca81.eot?#iefix) format("eot"),url(../fonts/cbfaa922-3ea2-4187-a897-32e2ef20852a.woff2) format("woff2"),url(../fonts/ec12c905-7fb1-43e8-9ccf-61f14cf0af00.woff) format("woff"),url(../fonts/a1279e01-752a-44d8-8ef4-4fc5dfee8897.ttf) format("truetype"),url(../fonts/dfbc5d3f-e16e-447e-b1cb-25abf8cfaa3e.svg#dfbc5d3f-e16e-447e-b1cb-25abf8cfaa3e) format("svg");font-style:normal;font-weight:700}@font-face{font-family:Bechtle-DinNext-Slab;src:url(../fonts/0fff593c-584d-413b-9fd2-ac25c41ebede.eot?#iefix);src:url(../fonts/0fff593c-584d-413b-9fd2-ac25c41ebede.eot?#iefix) format("eot"),url(../fonts/f27640b5-2748-4996-8517-424dd4f6dd72.woff2) format("woff2"),url(../fonts/43a28043-d050-48a9-981d-1c727c37f9cf.woff) format("woff"),url(../fonts/631760ac-2035-4903-827c-d61a194810f9.ttf) format("truetype"),url(../fonts/91b2b5e3-0727-44ad-8a1d-5480dac32e86.svg#91b2b5e3-0727-44ad-8a1d-5480dac32e86) format("svg");font-style:normal;font-weight:400}


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%}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}

*{box-sizing:border-box;-moz-box-sizing:border-box}

/* 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: 24px;
  line-height:2.4rem;
  color: #333;
  font-family: Bechtle-DinNext, 'Arial', sans-serif; 
}

hr{clear:both;display:block;visibility: hidden;}
hr.hrvisible{visibility: visible;}

p{margin-top: 0;font-size:1.5rem;}
p:last-child{margin-bottom:0;}

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:400;}
h1,.h1{ font-size:60px;font-size: 6.0rem;line-height:72px;line-height: 7.2rem;}
h2,.h2 { font-size:30px;font-size: 3.0rem;line-height:36px;line-height: 3.6rem;}
h3,.h3 { font-size:26px;font-size: 2.6rem;line-height:28px;line-height: 2.8rem;}

.subline{font-size:20px;line-height:26px;font-size:2.0rem;line-height:2.6rem;}


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {color: #1B9799; }
a:hover {color:#333;}


/* 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: 4px;
  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: #333;
  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: 4px;
  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 #1B9799;
  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; }

label{font-size: 1.5rem;}

/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc outside; }
ol {
  list-style: decimal outside; }
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; }



/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.centered{position:relative;max-width: 1170px;margin: 0 auto;width: 100%;}


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pull-right {
  float: right; }
.pull-left {
  float: left; }

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

/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
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{display:none;}
.desktop{display:block;}


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

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

/* Self Clearing Goodness */
section:after,
.row:after,
.u-cf,
section.infoslider .infos:after,
#nav-main ul:after,
.clearfix:after,
#lang_sel:after,
.wpcf7-form:after{
  content: "";
  display: table;
  clear: both; }

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

.wpcf7-form span{font-size:1.2rem;}

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

nav a,
a.btn,
.lang{
  transition: all 400ms ease-in-out;
}

section.grafik_1 .box,
.transition{
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;perspective: 1000;
  transition: all 0.3s ease-out;
-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);  
}
section.flex_grid .item > div,
section.flex_grid .bck,
section.flex_grid .hover{
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;perspective: 1000;
transition: all 0.7s;
-webkit-transition: all .7s; 
   -moz-transition: all .7s; 
     -o-transition: all .7s; 
        transition: all .7s;  
}

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

p{color:#5e5e5e;}
a{color:#1B9799;}
a:hover{color:#c9e8fb;}


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


#stage > header.sticky + main{padding-top:160px;}


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;}
*/

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

.wpcf7-form{position:relative;width:100%;margin:50px auto;}
.wpcf7-form > p{clear:both;}
.wpcf7-form fieldset{color:#333;float:left;width:100%;box-sizing: border-box;padding:0px;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{padding-left:20px;}
.wpcf7-form label{color:#333;font-size:1.6rem;font-weight:500;}
.wpcf7-form label a{color:#333;text-decoration: underline;}
.wpcf7-submit,
.wpcf7-form .button, .wpcf7-form button, input[type="submit"], input[type="reset"], input[type="button"]{margin:0px 32px 0px 16px;padding:0px 22px;border:0;background: #1B9799;border-radius: 2px;font-size: 18px;color: #FFFFFF;font-weight:500;text-transform: none;cursor:pointer;}

.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%;}


/* Navigation
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#nav-main{height:auto;}
.cd-nav-trigger,
#nav-main ul ul.sub-menu{transform: translate3d(0, 0, 0);backface-visibility: hidden;perspective: 1000;-webkit-transition: all .7s ease;-o-transition: all .7s ease-out;transition: all .7s ease-out;}
#nav-main{padding-top:15px;float:left;}
#nav-main ul{list-style:none;margin:0;}
#nav-main > ul > li{position:relative;}
#nav-main ul .sub-menu-wrapper{
  position:fixed;left:0px;margin-top:27px;width:100%;background:#1B9799;padding:20px;display:none;
}
#nav-main ul ul.sub-menu li{width:100%;position:relative;float:none;}
#nav-main ul ul.sub-menu li a{display:block;padding:10px 0px;text-align:center;}
#nav-main ul ul.sub-menu li.fett > a{font-weight:bold;}
#nav-main ul li{float:left;margin:0px 35px 0 0;}
#nav-main > ul > li:before{
  content:' ';display:none;width:100%;height:5px;position:absolute;top:-29px;left:0px;
}
#nav-main > ul > li.current_page_item:before,
#nav-main > ul > li.current_page_ancestor:before,
#nav-main > ul > li:hover:before{display:block;}
body.o5 #nav-main > ul > li:before{top:-19px;}
body.o5 #nav-main ul .sub-menu-wrapper{margin-top: 19px;}
#nav-main a{font-size: 1.8rem;position:relative;color:#FFF;font-weight:300;}
#nav-main a:last-child{margin-right:0;}
#nav-main .sub-menu > li.current_page_ancestor > a,
#nav-main .sub-menu > li.current_page_item > a{font-weight:600;}

#nav-main > ul > li.current_page_item.color-orange:before,
#nav-main > ul > li.current_page_ancestor.color-orange:before,
#nav-main > ul > li.color-orange:before{background-color:#ec8b17;}
#nav-main > ul > li.current_page_item.color-red:before,
#nav-main > ul > li.current_page_ancestor.color-red:before,
#nav-main > ul > li.color-red:before{background-color:#dd3b6c;}
#nav-main > ul > li.current_page_item.color-green:before,
#nav-main > ul > li.current_page_ancestor.color-green:before,
#nav-main > ul > li.color-green:before{background-color:#00944a;}
#nav-main > ul > li.current_page_item.color-light-green:before,
#nav-main > ul > li.current_page_ancestor.color-light-green:before,
#nav-main > ul > li.color-light-green:before{background-color:#b5d356;}
#nav-main > ul > li.current_page_item.color-yellow:before,
#nav-main > ul > li.current_page_ancestor.color-yellow:before,
#nav-main > ul > li.color-yellow:before{background-color:#fee800;}
#nav-main > ul > li.current_page_item.color-blue:before,
#nav-main > ul > li.current_page_ancestor.color-blue:before,
#nav-main > ul > li.color-blue:before{background-color:#117bdd;}
#nav-main > ul > li.current_page_item.color-dark:before,
#nav-main > ul > li.current_page_ancestor.color-dark:before,
#nav-main > ul > li.color-dark:before{background-color:#2b537b;}

/* StickyNav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
section nav.sticky{position:fixed;top:0px;left:0px;width:100%;z-index:200;}
section nav.sticky + .fixhack{height:60px;}

.breadcrumb a:hover,
footer a:hover{text-decoration: underline;}

/* CUSTOM Styling
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.txt-centered{display:block;text-align: center;}

.bck-blue{background-color:#29527a;}
.bck-grey{background-color:#f4f4f4;}
.bck-light-blue{background-color:#cce4f8;}
.bck-green{background-color:#69ab46;}
.bck-red{background-color:#de3a6b;}
.bck-orange{background-color:#ec8b17;}


.color-orange a:hover{color:#ec8b17;}
.color-red a:hover{color:#dd3b6c;}
.color-green a:hover{color:#00944a;}
.color-light-green a:hover{color:#b5d356;}
.color-yellow a:hover{color:#fee800;}
.color-blue a:hover{color:#117bdd;}
.color-dark a:hover{color:#2b537b;}



.txt-orange,
.txt-orange h2,
.txt-orange .h2,
.txt-orange a,
.txt-orange p,
.txt-orange strong,
.txt-orange b,
.txt-orange .kennzahl_gross,
.txt-orange.kennzahl_gross,
aside .txt-orange.kennzahl_gross,
a.hov-orange:hover{color:#ec8b17;}
.txt-red,
.txt-red h2,
.txt-red .h2,
.txt-red a,
.txt-red p,
.txt-red b,
.txt-red strong,
.txt-red .kennzahl_gross,
aside .txt-red.kennzahl_gross,
.txt-red.kennzahl_gross,
a.hov-red:hover{color:#dd3b6c;}
.txt-green,
.txt-green h2,
.txt-green .h2,
.txt-green a,
.txt-green b,
.txt-green p,
.txt-green strong,
.txt-green .kennzahl_gross,
.txt-green.kennzahl_gross,
aside .txt-green.kennzahl_gross,
a.hov-green:hover{color:#00944a;}
.txt-light-green,
.txt-light-green h2,
.txt-light-green .h2,
.txt-light-green a,
.txt-light-green b,
.txt-light-green p,
.txt-light-green strong,
.txt-light-green .kennzahl_gross,
.txt-light-green.kennzahl_gross,
aside .txt-green.kennzahl_gross,
a.hov-light-green:hover{color:#b5d356;}
.txt-yellow,
.txt-yellow h2,
.txt-yellow .h2,
.txt-yellow a,
.txt-yellow b,
.txt-yellow p,
.txt-yellow strong,
.txt-yellow .kennzahl_gross,
.txt-yellow.kennzahl_gross,
aside .txt-yellow.kennzahl_gross,
a.hov-yellow:hover{color:#fee800;}
.txt-blue,
.txt-blue h2,
.txt-blue .h2,
.txt-blue a,
.txt-blue b,
.txt-blue p,
.txt-blue strong,
.txt-blue .kennzahl_gross,
.txt-blue.kennzahl_gross,
aside .txt-blue.kennzahl_gross,
a.hov-blue:hover{color:#117bdd;}
.txt-dark,
.txt-dark h2,
.txt-dark .h2,
.txt-dark a,
.txt-dark b,
.txt-dark p,
.txt-dark strong,
.txt-dark .kennzahl_gross,
.txt-dark.kennzahl_gross,
aside .txt-dark.kennzahl_gross,
a.hov-dark:hover{color:#2b537b;}
.txt-grey,
.txt-grey h2,
.txt-grey .h2,
.txt-grey a,
.txt-grey b,
.txt-grey p,
.txt-grey strong,
.txt-grey .kennzahl_gross,
.txt-grey.kennzahl_gross,
aside .txt-grey.kennzahl_gross,
a.hov-grey:hover{color:#5e5e5e;}

.txt-orange a:hover,
.txt-red a:hover,
.txt-green a:hover,
.txt-light-green a:hover,
.txt-yellow a:hover,
.txt-blue a:hover,
.txt-dark a:hover,
.txt-grey a:hover,
a:hover,
a:hover span:before{color:#333;}

li.li-orange{color:#ec8b17;}
li.li-red{color:#dd3b6c;}
li.li-green{color:#00944a;}
li.li-light-green{color:#b5d356;}
li.li-yellow{color:#fee800;}
li.li-blue{color:#117bdd;}
li.li-dark{color:#2b537b;}

.deli{}


.wysiwyg img{margin:20px;max-width:100%;height:auto;}
.wysiwyg img.alignnone{margin-left:0px;}
.wysiwyg table{border-top: 6px solid #1B9799;border-bottom: 6px solid #1B9799;}
.wysiwyg table td,
.wysiwyg table th{border-bottom: 1px solid #1B9799;}

.wysiwyg td.bold-blue{font-weight:bold;color:#1B9799;}
.wysiwyg td.bck-light-blue,
.wysiwyg td.hervorgehobene_Zelle{background-color:#c9e8fb;}
.wysiwyg td.extraborder{border-bottom: 3px solid #1B9799;}
.wysiwyg td.valigntop{vertical-align: top;}
.wysiwyg td.paddingtop{padding-top:30px;}

span.kennzahl_gross{font-size:6.0rem;line-height:100%;font-weight:300;display:inline-block;}

h2{margin-bottom:30px;font-weight:300;}
h3{font-weight:600;}


#permanentHeader{width:100%;height:100px;position:relative;top:0px;background-color:#FFF;border-bottom:1px solid rgb(230,233,236);z-index:1000;}
#permanentHeader > .centered{padding-left:280px;}
#permanentHeader > .centered:after{content:' ';display:block;clear:both;}
#logoContainer{float:left;margin-left:-270px;width:310px;z-index:100;position:relative;left: 0;top:0;padding:10px 0;}
#logoContainer a{display:inline-block;height:100%;width:auto;}
#logoContainer img {height: 100%;width: auto;display:block;}
#permanentHeader .navigation{padding-left:40px;padding-top:14px;position:relative;display:block;}



article a.biglink{font-size: 1.3em;display:inline-block;}

a.icon-arrow{padding-left: 18px;}
a.icon-arrow:before{content:' ';display:inline-block;vertical-align: baseline;content:'E​';color:#137ad5;font-family:'unipixregular';display:inline-block;margin:0px 6px 0 -18px;}
.icon-anchor:before{content:' ';display:inline-block;vertical-align: baseline;content:'V';color:#137ad5;font-family:'unipixregular';font-size:18px;display:inline-block;margin:0px 0px 0 6px;}

a.icon-anchor:hover:before,
a.icon-arrow:hover:before{color:#8cccf7;}

.checkcircle:before{content:' ';display:inline-block;vertical-align: middle;content:'y';color:#137ad5;font-family:'unipixregular';font-size:18px;display:inline-block;margin:0px;}
.bck-blue .checkcircle:before{color:#FFF;}



td .checkcircle:last-child{position:absolute;margin-left:2px;}

a.btn{background: #1B9799;color:#FFF;padding:0 20px;text-align:center;display:inline-block;font-weight: bold;height: 50px;line-height: 45px;font-size:18px;}
a.btn:hover{background: #1B9799;}

body.page-id-4596 a.btn{display:block;width:100%;}
body.page-id-4600 a.btn{display:block;float:left;width:calc(50% - 10px);margin-right:10px;}


main article:first-child{margin-top:50px;min-height:calc(100vh - 200px);}
article > h1{margin:0;padding:0;}

.wysiwyg ol,
.wysiwyg ul{padding-left:20px;}

.wysiwyg:after{clear:both;content:' ';display:block;}

/* Hero */
section.hero{min-height:100vh;width:100%;position:relative;}

section.hero:after{content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 5px;
    background-image: url(../img/colorworld-stripes.svg);
    background-size: 100% 5px;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/etc/designs/uniper/clientlib-css/images/layout/base64/colorworld-stripes.gif',sizingMethod='scale');
}
section.hero h1{font-weight:300;}
section.hero p{color:#FFF;}
section.hero .fullsize-image .slide{background-position:top center;background-repeat: no-repeat;background-size: cover;width:100%;height:100vh;position:relative;}

section.hero .fullsize-image .slide.bposx-right.bposy-oben{background-position:top right;}
section.hero .fullsize-image .slide.bposx-left.bposy-oben{background-position:top left;}
section.hero .fullsize-image .slide.bposx-zentriert.bposy-oben{background-position:top center;}

section.hero .fullsize-image .slide.bposx-right.bposy-unten{background-position:bottom right;}
section.hero .fullsize-image .slide.bposx-left.bposy-unten{background-position:bottom left;}
section.hero .fullsize-image .slide.bposx-zentriert.bposy-unten{background-position:bottom center;}

section.hero .fullsize-image .slide.bposx-right.bposy-zentriert{background-position:center right;}
section.hero .fullsize-image .slide.bposx-left.bposy-zentriert{background-position:center left;}
section.hero .fullsize-image .slide.bposx-zentriert.bposy-zentriert{background-position:center center;}

section.hero .slider{width:100%;height:100vh;position:relative;overflow:hidden;z-index:10;}
section.hero .slider .slide{width:100%;height:100%;position:absolute;top:0px;left:0px;}
section.hero .caption{position:absolute;bottom:160px;left:0px;width:100%;z-index:30;color:#FFF;font-size:1.8rem;line-height:2.3rem;}
section.hero .caption.middle{bottom:0;height:100%;}
section.hero .caption.middle .centered{display:table;height:100%;}
section.hero .caption.middle .centered > div{display:table-cell;width:100%;vertical-align: middle;}
section.hero .caption > div > div{position:relative;max-width:60%;}
section.hero .caption h1{margin-bottom:4vw;font-size: 6vw;line-height: 6.5vw;max-width:720px;}

section.hero .caption.pos-right{text-align:right;}
section.hero .caption.pos-right > div > div{float:right;}
section.hero .caption.pos-left{}
section.hero .caption.pos2-top{bottom:0;top:160px;}
section.hero .caption.middle{top:0 !important;}

section.centered_text{padding:80px 0px;position:relative;text-align:center;}
section.centered_text .wysiwyg{color:#5e5e5e;max-width:860px;position:relative;margin:0px auto;}
section.centered_text .wysiwyg.wide{max-width:1160px;}
section.centered_text .wysiwyg ul{list-style: disc inside;}
section.centered_text .wysiwyg ol{list-style: disc inside;}

section.fullsize-img{width:100%;height:auto;position:relative;}
section.fullsize-img .caption{position:absolute;bottom:0px;right:0px;padding:20px 50px;background:#FFF;font-size:1.6rem;line-height:2.0rem;}

section.text_img{padding:80px 0;}
section.text_img.bck-blue{color:#90d2f1;padding:70px 0px;}
section.text_img .wrapper:after{content:' ';display:block;clear:both;}
section.text_img .wrapper{position:relative;}
section.text_img .wrapper .left{float:left;width:50%;position:relative;}
section.text_img .wysiwyg{padding-right:200px;display:table;position:relative;}
section.text_img .wysiwyg p{color:#FFF;}
section.text_img .wysiwyg> div{vertical-align: middle;display:table-cell;}
section.text_img .wrapper .right{float:right;width:50%;}
section.text_img .wrapper .right .wysiwyg{padding-right:60px;padding-left:60px;}
section.text_img .tablew{display:table;height:100%;}
section.text_img .tablec{display:table-cell;vertical-align:middle;}
section.text_img .right .img{width:100%;position:relative;display:table-cell;vertical-align:middle;}

blockquote{font-style: italic;text-align:center;display:block;}
cite{text-align:center;display:block;font-weight:bold;font-style: normal;}
blockquote:before{color:#1B9799;content:'r';font-family:'unipixregular';width:70px;font-size:10rem;border-bottom:3px solid #1B9799;padding-bottom:60px;display:block;font-style: normal;margin:0px auto 20px;}
blockquote:after{content:' ';display:block;width:70px;height:1px;border-bottom:3px solid #1B9799;margin:20px auto;}

section.video-zitat{text-align:center;padding:80px 0px 0px;}
section.video-zitat h2{margin-bottom:75px;}
section.video-zitat .wrapper{position:relative;padding-bottom:80px;}
section.video-zitat .video-wrapper{position:relative;}
section.video-zitat .video{width:100%;min-height:50vh;position:relative;padding:0px 50px;z-index:2;}
section.video-zitat .preview{width:100%;height:auto;position:relative;}
section.video-zitat .preview img{width:100%;height:auto;}
section.video-zitat .placeholder{background:#FFF;position:absolute;left:0px;top:0px;display:block;width:100%;height:50%;z-index:1;}
section.video-zitat blockquote{font-size:1.8rem;line-height:2.4rem;font-style: italic;}
section.video-zitat cite{font-size:1.8rem;line-height:2.4rem;}

section.video-zitat .zitat{padding-top:60px;}
section.video-zitat .wrapper.bck-blue{color:#FFF;}
section.video-zitat .wrapper.bck-blue .zitat:before{color:#FFF;}
section.video-zitat .wrapper.bck-blue blockquote:before,
section.video-zitat .wrapper.bck-blue blockquote:after{color:#FFF;border-color:#FFF;}

section.grid-box{position:relative;height:80vh;width:100%;color:#5e5e5e;}
section.grid-box .wrapper{position:relative;min-height:100%;}
section.grid-box .wrapper:after{content:' ';display:block;clear:both;}
section.grid-box .left{width:50%;float:left;}
section.grid-box .left:first-child{position:relative;}
section.grid-box .right{padding:60px 0px;width:50%;height:100%;min-height:100%;position:absolute;right:0px;float:right;background-position: center center;background-repeat: no-repeat;background-size: cover;text-align:center;}
section.grid-box .right > div{position:relative;height:100%;}
section.grid-box .right > div > div{display:table;height:100%;width:100%;}
section.grid-box .right > div > div > div{display:table-cell;vertical-align: middle;}
section.grid-box .right .img{max-width:470px;margin:0px auto;}

section.grid-box .left > div{position:absolute;width:100%;height:100%;left:0px;top:0px;padding:60px 0px;}
section.grid-box .left > div > div{display:table;width:100%;height:100%;}
section.grid-box .left > div > div > div{vertical-align: middle;display:table-cell;}
section.grid-box .left > div .wysiwyg-wrapper{width:50%;padding-right:175px;}


section.flex_grid{position:relative;width:100%;backface-visibility: hidden;perspective: 1000;}
section.flex_grid:after{content:' ';display:block;clear:both;}
section.flex_grid .col{width:25%;float:left;position:relative;}
section.flex_grid-2 .col .item,
section.flex_grid-3 .col,
section.flex_grid-4 .col{width:50%;}
section.flex_grid-5 .col,
section.flex_grid-6 .col{width:33.33%;}

section.flex_grid .item{position:relative;width:100%;}
section.flex_grid .h2{margin-top:45px;display:block;position:relative;z-index:50;}
section.flex_grid .h2:before{content:' ';display:block;width:40px;height:5px;position:absolute;top:-35px;left:0px;}
section.flex_grid .hover{margin-top:0px;opacity:0;visibility:hidden;z-index:50;position:relative;}
section.flex_grid .hover p{font-size:2.0rem;line-height:2.6rem;color:#FFF;}
section.flex_grid .item > div{padding:35px;overflow:hidden;position:absolute;width:100%;height:100%;left:0px;}
section.flex_grid .item:first-child > div{top:0px;}
section.flex_grid .item:last-child > div{bottom:0px;}
section.flex_grid .item:hover > div{margin-top:-15px;z-index:50;box-shadow:0px 5px 10px rgba(0,0,0,.3);}
section.flex_grid .item:hover .hover{margin-top:20px;opacity:1;visibility:visible;}

section.flex_grid .col:hover .item.size-large:first-child > div{height:230px;}
section.flex_grid .col:hover .item.size-large:first-child:hover > div{height:475px;}
section.flex_grid .item.size-small{height:230px;}
section.flex_grid .item.size-large{height:460px;}
section.flex_grid .item:hover > div{height:475px;}
section.flex_grid .item:hover + .item.size-large > div{height:230px;}
section.flex_grid .bck{height:475px;}

section.flex_grid-5 .col:last-child:hover .item.size-large:first-child > div,
section.flex_grid-5 .col:last-child .item:hover > div,
section.flex_grid-5 .col:last-child .item.size-large{height:690px;margin-top:0;}

section.flex_grid-2 .col{width:100%;float:none;}
section.flex_grid-2 .col:after{content:' ';display:block;clear:both;}
section.flex_grid-2 .col .item{float:left;height:460px;}
section.flex_grid-2 .col:hover .item.size-large:first-child > div{height:460px;}

section.flex_grid.flex_grid-small-size .h2{margin-top:20px;}
section.flex_grid.flex_grid-small-size .h2:before{top:-25px;}
section.flex_grid.flex_grid-small-size .col:hover .item.size-large:first-child > div{height:115px;}
section.flex_grid.flex_grid-small-size .col:hover .item.size-large:first-child:hover > div{height:245px;}
section.flex_grid.flex_grid-small-size .item.size-small{height:115px;}
section.flex_grid.flex_grid-small-size .item.size-large{height:230px;}
section.flex_grid.flex_grid-small-size .item:hover > div{height:245px;}
section.flex_grid.flex_grid-small-size .item:hover + .item.size-large > div{height:115px;}
section.flex_grid-3.flex_grid-small-size .col:last-child:hover .item.size-small:first-child > div,
section.flex_grid-3.flex_grid-small-size .col:last-child .item:hover > div,
section.flex_grid-3.flex_grid-small-size .col:last-child .item.size-small,
section.flex_grid-5.flex_grid-small-size .col:last-child:hover .item.size-large:first-child > div,
section.flex_grid-5.flex_grid-small-size .col:last-child .item:hover > div,
section.flex_grid-5.flex_grid-small-size .col:last-child .item.size-large{height:345px;margin-top:0;}

section.flex_grid-2.flex_grid-small-size .col{width:100%;float:none;}
section.flex_grid-2.flex_grid-small-size .col:after{content:' ';display:block;clear:both;}
section.flex_grid-2.flex_grid-small-size .col .item{float:left;height:230px;}
section.flex_grid-2.flex_grid-small-size .col:hover .item.size-large:first-child > div{height:230px;}

section.flex_grid a.btn{background:rgba(255,255,255,.75);padding:10px 20px;text-align:center;color:#1B9799;width:80%;display:block;}
section.flex_grid .bck{position:absolute;left:0px;top:0px;width:100%;z-index:25;background-position:center center;background-size: cover;background-repeat: no-repeat;opacity:0;visibility: hidden;-webkit-mix-blend-mode:multiply;mix-blend-mode: multiply;}
section.flex_grid .item:hover .bck{opacity:.5;visibility: visible;}

section.flex_grid .txt-green > div{background-color:#29527a;}
section.flex_grid .txt-orange > div{background-color:#1B9799;}
section.flex_grid .txt-red > div{background-color:#8cccf7;}
section.flex_grid .txt-blue > div{background-color:#50bbf1;}

section.flex_grid .txt-green > div .checkcircle:before,
section.flex_grid .txt-orange > div .checkcircle:before,
section.flex_grid .txt-red > div .checkcircle:before,
section.flex_grid .txt-blue > div .checkcircle:before{color:#FFF;}

section.flex_grid .txt-green .h2:before{background-color:#00944a;}
section.flex_grid .txt-orange .h2:before{background-color:#ec8b17;}
section.flex_grid .txt-red .h2:before{background-color:#dd3b6c;}
section.flex_grid .txt-blue .h2:before{background-color:#117bdd;}


section.text_grid{padding:70px 0px;}
section.text_grid .table{width:100%;position:relative;display:table;margin-top:60px;}
section.text_grid .col{display:table-row;}
section.text_grid .item{position:relative;display:table-cell;width:50%;padding:0px 85px 50px 100px;}
section.text_grid .col:last-child .item{padding-bottom:0;}
section.text_grid strong{font-weight:normal;}
section.text_grid h3{margin-bottom:25px;font-weight:600;}
section.flex_grid .txt-blue .h2{color:#29527a;}
section.flex_grid .txt-blue .h2:before{background-color:#29527a;}
section.centered_text + section.text_grid{padding-top:0;}

section.text_box-grid{width:100%;position:relative;}
section.text_box-grid .table{display:table;width: 100%;}
section.text_box-grid .row{display:table-row;}
section.text_box-grid .item{display:table-cell;width:auto;vertical-align: middle;padding:50px;text-align:center;}
section.text_box-grid-2 .item{width:50%;}
section.text_box-grid-4 .item{width:25%;}
section.text_box-grid .item p{margin-top:40px;color:#FFF;}
section.text_box-grid strong{color:#29527a;}
section.text_box-grid .item.bck-red strong,
section.text_box-grid .item.bck-orange strong,
section.text_box-grid .item.bck-green strong{color:#FFF;}
section.text_box-grid .item.bck-light-blue p{color:#29527a;}


section.wysiwyg-s{padding-bottom:70px;padding-top:70px;}
section.wysiwyg-s.bck-white{padding-bottom:30px;padding-top:30px;}
section.wysiwyg-s .wysiwyg{padding:0px 15px;}
section.wysiwyg-s p,
section.wysiwyg-s li,
section.wysiwyg-s td{font-size:1.6rem;line-height:2.2rem;}
section.wysiwyg-s h2{margin-bottom:30px;} /* Korrektur vom 9.5., war bei 75px */
section.wysiwyg-s h3{padding-bottom:20px;margin-left:-15px;padding-left:15px;}

section.three-col-text ul{padding-left:20px;}
section.three-col-text{padding-bottom:70px;}
section.three-col-text li,
section.three-col-text p,
section.three-col-text td{font-size:1.6rem;line-height:2.2rem;}
section.three-col-text .table{padding:20px 0px 20px 0px;display:table;border-top:10px solid #137ad5;border-bottom:10px solid #137ad5;width:100%;}
section.three-col-text .row{display:table-row;}
section.three-col-text .item{width:100%;display:table-cell;padding-left:25px;}
section.three-col-text .title{padding-bottom:20px;}
section.three-col-text .title > strong{display:block;padding-bottom:20px;border-bottom:1px solid;height: 100%;}
section.three-col-text .item:first-child{padding-left:15px;}
section.three-col-text .item:first-child .title > strong{margin-left:-15px;padding-left:15px;}

section.three-col-text.cols-2 .item{width:50%;max-width:50%;}
section.three-col-text.cols-3 .item{width:33.3%;}
section.three-col-text.cols-2 .item img{width:100%;height:auto;}

section.wysiwyg_aside{padding-bottom:70px;padding-top:70px;}
section.wysiwyg_aside.bck-white{padding-bottom:30px;padding-top:30px;}
section.wysiwyg_aside p,
section.wysiwyg_aside li,
section.wysiwyg_aside td{font-size:1.6rem;line-height:2.2rem;}
section.wysiwyg_aside h2{margin-bottom:30px;} /* Korrektur vom 9.5., war bei 75px */
section.wysiwyg_aside .article{padding-left:15px;}
section.wysiwyg_aside .article img{max-width:100%;height:auto;}
section.wysiwyg_aside .article img.alignleft{margin-left:0;}
section.wysiwyg_aside.pos-right .article > div{position:relative;width:100%;padding-left:305px;}
section.wysiwyg_aside.pos-right .article:after{content:' ';display:block;clear:both;}
section.wysiwyg_aside.pos-right .article aside{width:275px;margin-left:-305px;float:left;padding-top:25px;padding-left:15px;border-top:1px solid;}
section.wysiwyg_aside.pos-right .article .wysiwyg{padding-top:25px;border-top:1px solid;}


section.grafik_1{position:relative;width:100%;}
body section.grafik_1.active .box{background:#cce4f8;}
section.grafik_1:after{content:' ';display:block;clear:both;}
section.grafik_1 .box{backface-visibility: hidden;perspective: 1000;transform: translate3d(0, 0, 0);width:25%;float:left;height:25vh;text-align:center;padding:20px;border:0;cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
section.grafik_1 .box.bck-blue,
body section.grafik_1 .box.active{background:#1B9799;color:#FFF;}
section.grafik_1 .box .inner{display:table;height:100%;width:100%;}
section.grafik_1 .box .inner > div{display:table-cell;vertical-align: middle;text-align:center;}
section.grafik_1 .box .title:before{content:' ';display:block;height:5px;width:25px;margin:0px auto 10px;}
section.grafik_1 .box.clicked .title:before{display:none;}
section.grafik_1 .text{font-size: 1.6rem;line-height: 2.2rem;margin-top:8px;}

section.grafik_1 .box.hover-blue .title:before,
section.grafik_1 .box.hover-blue.clicked{background-color:#29527a;}
section.grafik_1 .box.hover-grey .title:before,
section.grafik_1 .box.hover-grey.clicked{background-color:#f4f4f4;}
section.grafik_1 .box.hover-light-blue .title:before,
section.grafik_1 .box.hover-light-blue.clicked{background-color:#cce4f8;}
section.grafik_1 .box.hover-green .title:before,
section.grafik_1 .box.hover-green.clicked{background-color:#69ab46;}
section.grafik_1 .box.hover-red .title:before,
section.grafik_1 .box.hover-red.clicked{background-color:#de3a6b;}
section.grafik_1 .box.hover-orange .title:before,
section.grafik_1 .box.hover-orange.clicked{background-color:#ec8b17;}
section.grafik_1 .box.hover-yellow .title:before,
section.grafik_1 .box.hover-yellow.clicked{background-color:#fee800;}
section.grafik_1 .box.hover-dark .title:before,
section.grafik_1 .box.hover-dark.clicked{background-color:#2b537b;}

section.wertschoepfung{margin:50px 0px;}
section.wertschoepfung h2{text-align:center;}
section.wertschoepfung h3{text-align:center;color:#E7F6FC;font-weight:600;font-size:2.0rem;text-transform: uppercase;padding:25px 30px;}
section.wertschoepfung .table{width:100%;position:relative;display:table;}
section.wertschoepfung .row{width:25%;display:table-cell;position:relative;padding:0px 25px;}
section.wertschoepfung .row-1{background-color:#229ED7;}
section.wertschoepfung .row-2{background-color:#035480;}
section.wertschoepfung .row-3{background-color:#026195;}
section.wertschoepfung .row-4{background-color:#00426C;}
section.wertschoepfung .bottom{width:100%;background:#c3e7f9;vertical-align: bottom;}
section.wertschoepfung .icon{position:relative;margin:50px auto;}
section.wertschoepfung .icon.has-popup{cursor:pointer;}
section.wertschoepfung .img{position:relative;max-width:100%;}
section.wertschoepfung .img img{width:100%;height:auto;}
section.wertschoepfung .row:after,
section.wertschoepfung .bottom:after{content:' ';display:block;clear:both;}
section.wertschoepfung .bottom .img{}

section.wertschoepfung .row-3 .circle{position:relative;width:100%;margin-top:210px;margin-bottom:100px;min-width: 260px;}
section.wertschoepfung .row-3 .circle > img{width:100%;height:auto;display:block;}
section.wertschoepfung .row-3 .circle > div{position:absolute;}
section.wertschoepfung .popup{width:100%;min-width:380px;left:40px;opacity:0;visibility: hidden;position:absolute;z-index:200;background:#FFF;color:#000;box-shadow:40px 40px 120px rgba(0,0,0,.35);padding:20px;}
section.wertschoepfung .popup p{hyphens: auto;color:#000;font-size:1.6rem;line-height:2.5rem;}
section.wertschoepfung .icon:hover .popup{opacity:1;visibility: visible;}


section.wertschoepfung .wg-strom{left:0px;top:-30px;margin-top:0;margin-bottom:0;}
section.wertschoepfung .wg-co2{top:-80px;left:calc(50% - 35px);margin-top:0;margin-bottom:0;}
section.wertschoepfung .wg-kohle{margin-top:0;margin-bottom:0;right:0px;top:-30px;}
section.wertschoepfung .wg-lng{margin-top:0;margin-bottom:0;left:0px;bottom:-30px;}
section.wertschoepfung .wg-gas{margin-top:0;margin-bottom:0;right:0px;bottom:-30px;}
section.wertschoepfung .wg-finanzprodukte{margin-top:0;margin-bottom:0;left:calc(50% - 70px);bottom:-80px;}
section.wertschoepfung .wg-services-handel{position:absolute;right:-60px;bottom:-400px;margin-top:0;margin-bottom:0;z-index:20;}
section.wertschoepfung .mobile{display:none;}
section.wertschoepfung .wg-co2{max-width:55px;}
section.wertschoepfung .wg-strom{max-width:55px;}
section.wertschoepfung .wg-kohle{max-width:55px;}
section.wertschoepfung .wg-lng{max-width:55px;width:25%;}
section.wertschoepfung .wg-gas{max-width:48px;width:25%;}
section.wertschoepfung .wg-finanzprodukte{max-width:135px;}

section.wertschoepfung .row-2 .icon{margin:100px auto;}
section.wertschoepfung .row-4 .icon{margin:70px auto;}

.wg-services-handel,
.wg-services-vertrieb{max-width:95px;float:right;}
section.wertschoepfung .row-4 .wg-services-vertrieb{margin-top:10px;}
.wg-kohlekraftwerk{max-width:235px;}
.wg-wasserkraft{max-width:245px;}
.wg-kernkraftwerk{max-width:270px;}
.wg-wind{max-width:175px;}
.wg-gaskraftwerk{max-width:205px;}
.wg-windgas{max-width:155px;}

.wg-batterie{max-width:225px;}
.wg-gasspeicher{max-width:145px;}
.wg-regasifizierung{max-width:255px;margin-top:20px;}

.wg-privatkunden{max-width:240px;}
.wg-mittelstand{max-width:245px;}
.wg-grosskunden{max-width:245px;}

section.wertschoepfung .wg-gasfelder{max-width:110px;display:inline-block;margin-right:200px;margin-left:210px;}
section.wertschoepfung .wg-lng-tanker{max-width:170px;display:inline-block;margin-right:160px;}
section.wertschoepfung .wg-kohleschiffe{max-width:170px;display:inline-block;}

.prev-next{width:100%;position:relative;display:table;}
.prev-next:after{content:' ';display:block;clear:both;}
.prev-next .left{display:table-cell;position:relative;width:50%;text-align:right;background-color:#1B9799;}
.prev-next .right{display:table-cell;position:relative;width:50%;background-color:#de3a6b;}
.prev-next .left a:before{content:'L';font-family:'unipixregular';font-size:6.6rem;display:inline-block;position:absolute;color:#FFF;left:70px;top:calc(50% - 16px);z-index:50;}
.prev-next .right a:before{content:'M';font-family:'unipixregular';font-size:6.6rem;display:inline-block;position:absolute;color:#FFF;right:70px;top:calc(50% - 16px);z-index:50;}
.prev-next strong{color:#50bbf1;font-size:2.6rem;margin-bottom:40px;display:block;font-weight:normal;}
.prev-next a{padding:120px 95px;display:block;}
.prev-next .linkinfo{z-index:50;position:relative;}
.prev-next p{font-size:3.0rem;line-height:3.6rem;color:#FFF;}
.prev-next .img{position:absolute;left:0px;top:0px;width:100%;height:100%;opacity:.35;display:block;-webkit-mix-blend-mode:multiply;mix-blend-mode: multiply;background-size:cover;background-position:center center;}

#breadcrumb{padding:60px 0px 30px;text-align:center;color:#5e5e5e;font-size:1.4rem;}
#breadcrumb a{color:#909090;font-size:1.4rem;}
#breadcrumb .current-page:after,
#breadcrumb a:after{content:'E';font-family:'unipixregular';font-size:1.4rem;display:inline-block;margin:0px 12px 0 10px;}

#stage > footer{padding:50px 0px;color:#5e5e5e;text-align:center;font-size:1.6rem;line-height:140%;}
#stage > footer nav{margin:50px auto 0px;}
#stage > footer a{color:#5e5e5e;font-size:1.6rem;}
#stage > footer ul{list-style: none;line-height:100%;margin:0;padding:0;text-align:center;}
#stage > footer ul li{display:inline-block;padding:0px 10px;line-height:140%;position:relative;}
#stage > footer ul li:after{content:' ';display:block;width:1px;height:90%;position:absolute;right:0px;top:5%;background-color:#FFF;}
#stage > footer ul li:last-child:after{display:none;}
#stage > footer nav.bottom,
#stage > footer nav.bottom a{font-size:1.2rem;}


.lang{position:absolute;right:15px;top:25px;}

.lang a{color:#5e5e5e;font-size: 1.7rem;text-transform:uppercase;margin-right:0;padding-right:6px;position:relative;font-weight:300;}
.lang a:after{content:' ';display:block;height:14px;width:1px;background:#FFF;display:block;position:absolute;right:0px;top:4px;}
.lang a:last-child{margin-right:0;padding-right:0;}
.lang a:last-child:after{display:none;}
.lang a.active{font-weight:bold;}
.lang a:hover{opacity:.7;color:#1B9799;}



a.anchor{position:absolute;margin-top:-100px;}


body #permanentHeader{top: 0px;min-height: 64px;}
body #logoContainer{height: 100px;}
body .cd-nav-trigger{top:6px;}




.wysiwyg .left{float:left;width:45%;}
.wysiwyg .left + .left{padding-left:20px;}
.wysiwyg .left .btn{width:100%;}



.bordercolor.txt-orange h3,
.bordercolor.txt-orange .h3,
section div.txt-orange .bordercolor .h3{border-color:#dd3b6c;}
.bordercolor.txt-green h3
.bordercolor.txt-green .h3,
section div.txt-green .bordercolor .h3{border-color:#00944a;}
.bordercolor.txt-light-green h3,
.bordercolor.txt-light-green .h3,
section div.txt-light-green .bordercolor .h3{border-color:#b5d356;}
.bordercolor.txt-yellow h3,
.bordercolor.txt-yellow .h3,
section div.txt-yellow .bordercolor .h3{border-color:#fee800;}
section.txt-blue .bordercolor,
.bordercolor.txt-blue h3,
.bordercolor.txt-blue .h3,
section div.txt-blue .bordercolor .h3{border-color:#117bdd;}
.bordercolor.txt-dark h3,
.bordercolor.txt-dark .h3,
section div.txt-dark .bordercolor .h3{border-color:#2b537b;}

.top-right{position:absolute;right:0px;top:18px;font-size: 1.4rem;width:150px;}
body.o5 .top-right{top:19px;}
.top-right .dropdown a{color:#FFF;font-size: 1.4rem;text-transform:uppercase;position:relative;font-weight:300;}
.top-right .dropdown a.active{font-weight:bold;}
.top-right .ir a{color:#FFF;}

.top-right:after{content:' ';display:block;clear:both;}
.top-right .lang{margin-left:0px;float:left;width:40px;}
.top-right .ir{width:100%;color:#FFF;text-align:right;}
.top-right .ir:hover{text-decoration: underline;}


.lang{position:relative;user-select: none;}
.lang .active{text-transform: uppercase;color:#5e5e5e;font-weight:700;cursor:pointer;position:relative;}
.lang .active:after {
    content: '';
    display: block;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    -ms-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 0.15s ease-in-out;

    border: medium none !important;
    height: 10px;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    width: 10px;
    background-size: 10px;
    margin-top: -3px;
    right: 0px;
}

body.nav--opened .lang .active:after {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-top: -6px;
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-right: 4px;
}

.lang .dropdown a{display:block;color:#5e5e5e;padding:5px 45px 5px 20px;}
.lang .dropdown a:hover{background:#f6f6f6;}
.lang .dropdown{background:#FFF;position:absolute;color:#1B9799;margin-left:0px;display:none;cursor:pointer;user-select: none;}
body.nav--opened .lang .dropdown{display:block;}
.top-right .dropdown a.current{font-weight:700;background:#f6f6f6;}

#nav-main .current_page_item a:before,
#nav-main a:before,
.lang .active:before {
    content: '';
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 5px;
    background: white;
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    transition: -webkit-transform 0.1s;
    transition: transform 0.1s;
    transition: transform 0.1s, -webkit-transform 0.1s;
}
#nav-main a:before{top:-23px;}
#nav-main .sub-menu a:before{top:0px;}

#nav-main .current_page_item a:before,
#nav-main a:hover:before,
.lang .active:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
}