@charset "UTF-8";
nav.tabs { background-color: #cccccc; border: 1px solid black; margin: 20px; padding: 2px; }

nav.tabs .tabs { margin: 0; margin-bottom: 0.25em; }

nav.tabs .tabs a { background-color: unset; color: #008791; border-bottom: 1px solid #444444; padding-bottom: 0.5em; }

nav.tabs .tabs a:hover { border-bottom: 1px solid black; }

nav.tabs .tabs a.is-active { border-bottom: 0; }

/* source-sans-pro-200 - latin */
@font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 200; src: url("../fonts/source-sans-pro-200.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-200.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-200.woff2") format("woff2"), url("../fonts/source-sans-pro-200.woff") format("woff"), url("../fonts/source-sans-pro-200.ttf") format("truetype"), url("../fonts/source-sans-pro-200.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-200italic - latin */
@font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 200; src: url("../fonts/source-sans-pro-200italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-200italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-200italic.woff2") format("woff2"), url("../fonts/source-sans-pro-200italic.woff") format("woff"), url("../fonts/source-sans-pro-200italic.ttf") format("truetype"), url("../fonts/source-sans-pro-200italic.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-regular - latin */
@font-face { font-family: 'Source Sans Pro Old'; font-style: normal; font-weight: 400; src: url("../fonts/source-sans-pro-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-regular.woff") format("woff"), url("../fonts/source-sans-pro-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-regular - latin_cyrillic */
@font-face { font-family: 'Source Sans Pro 1st'; font-style: normal; font-weight: 400; src: url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.woff") format("woff"), url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v14-latin_cyrillic-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-regular - latin-ext_latin_cyrillic-ext_cyrillic */
@font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 400; src: url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.woff") format("woff"), url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v14-latin-ext_latin_cyrillic-ext_cyrillic-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-900 - latin */
@font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 900; src: url("../fonts/source-sans-pro-900.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-900.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-900.woff2") format("woff2"), url("../fonts/source-sans-pro-900.woff") format("woff"), url("../fonts/source-sans-pro-900.ttf") format("truetype"), url("../fonts/source-sans-pro-900.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

/* source-sans-pro-900italic - latin */
@font-face { font-family: 'Source Sans Pro'; font-style: italic; font-weight: 900; src: url("../fonts/source-sans-pro-900italic.eot"); /* IE9 Compat Modes */ src: local(""), url("../fonts/source-sans-pro-900italic.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-900italic.woff2") format("woff2"), url("../fonts/source-sans-pro-900italic.woff") format("woff"), url("../fonts/source-sans-pro-900italic.ttf") format("truetype"), url("../fonts/source-sans-pro-900italic.svg#SourceSansPro") format("svg"); /* Legacy iOS */ }

html { box-sizing: content-box; }

*, *:before, *:after { box-sizing: inherit; }

html { min-height: 100vh; background-color: #fff; /* background-image: url("/themes/barebones/images/blackback.jpg"); background-position-y: bottom; background-repeat: no-repeat; background-attachment: fixed; background-size: 100%; */ background: #eeeeee; font-family: "Source Sans Pro", "Lucida Grande", Verdana, sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; width: 100%; -webkit-font-smoothing: antialiased; }

@media all and (max-width: 874px) { html { font-size: 16px; line-height: 25px; } }

body { max-width: 1120px; margin: auto; background-color: white; border: 0px solid #444444; border-top: 0; border-bottom: 0; }

@media all and (max-width: 874px) { body { max-width: 100%; } }

header, main { padding: 10px 20px; }

@media all and (max-width: 874px) { header, main { padding-bottom: 40px; } }

li { color: #333333; }

p { font-weight: 400; color: #333333; margin: 0; margin-bottom: 12px; }

p.hell { color: #999999; }

h1, h2, h3, h4, h5, h6 { font-weight: 600; margin: 0; scroll-margin-top: 150px; }

h1 { font-size: 35px; color: #444444; padding: 12px 0; }

h2 { font-size: 25px; padding: 0 0 12px 0; color: #333333; }

h3, h4 { color: #333333; }

.field__label { margin-top: 24px; }

a { scroll-margin-top: 150px; }

p a { color: #333333; text-decoration: none; border-bottom: 1px solid #008791; }

p a:hover { border-bottom: 1px solid #444444; }

h4 a { color: #333333; text-decoration: none; border-bottom: 1px solid #008791; }

h4 a:hover { border-bottom: 1px solid #444444; }

.layout-content { margin: 25px 0 0; }

footer { background-color: #444444; padding: 20px; padding-right: 0; }

header { display: block; padding-bottom: 0; padding-top: 10px !important; -webkit-transition: color 1.5s; transition: color 1.5s; margin-bottom: 10px; background-color: white; left: auto; position: -webkit-sticky; position: sticky; top: 0; z-index: 400; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); }

.path-frontpage .block-page-title-block { display: none; }

.site-name { float: left; font-size: 35px; font-weight: 600; color: #333333; margin-top: 40px; }

.site-name:before { content: ""; background: url("/themes/barebones/images/apple-icon.png") no-repeat; background-size: 95%; padding-right: 40px; }

@media all and (max-width: 874px) { .site-name { margin-top: 35px; font-size: 25px; margin-left: -10px; float: left; margin-left: -5px; }
  .site-name:before { padding-right: 30px; } }

a.site-branding__logo { margin-top: 20px; }

@media all and (max-width: 874px) { a.site-branding__logo { margin-top: 0; display: inline-block; } }

.logoarea { margin-top: 0; text-align: right; }

@media all and (max-width: 874px) { .logoarea { margin-top: -3px; display: block; } }

.logoarea svg { width: 128px; height: auto; }

@media all and (max-width: 874px) { .logoarea svg { margin-top: 30px; } }

.project-of { color: #008791; font-size: 16px; font-style: italic; font-weight: 400; display: inline; vertical-align: text-top; margin-right: 10px; }

@media all and (max-width: 874px) { .project-of { display: inline-block; } }

@media all and (max-width: 874px) { #search-block-form { display: none; } }

#login { width: 20px; height: auto; margin-left: 10px; }

#logout { width: 20px; height: auto; margin-left: 10px; padding-bottom: 1px; }

.social-icons { float: right; margin: 15px 0 15px; }

@media all and (max-width: 874px) { .social-icons { float: left; } }

.social-icons #twitter, .social-icons #facebook, .social-icons #instagram { width: 20px; height: auto; margin-left: 10px; }

.social-icons a { text-decoration: none; }

.region-footer .social-icons { display: none; }

.toggleburger { display: none; }

@media all and (max-width: 874px) { .toggleburger { display: block; margin-top: 100px; border-radius: 2px; float: left; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }

.burger-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 45px; cursor: pointer; }

@media all and (max-width: 874px) { .burger-btn { margin-left: 20px; margin-top: 7px; } }

.burgerline { display: block; width: 70%; border-radius: 2px; height: 4px; background: #008791; -webkit-transition: all .3s; transition: all .3s; position: relative; }

.burgerline + .burgerline { margin-top: 5px; }

.active .burgerline:nth-child(1) { -webkit-animation: ease .7s top forwards; animation: ease .7s top forwards; }

.not-active .burgerline:nth-child(1) { -webkit-animation: ease .7s top-2 forwards; animation: ease .7s top-2 forwards; }

.active .burgerline:nth-child(2) { -webkit-animation: ease .7s scaled forwards; animation: ease .7s scaled forwards; }

.not-active .burgerline:nth-child(2) { -webkit-animation: ease .7s scaled-2 forwards; animation: ease .7s scaled-2 forwards; }

.active .burgerline:nth-child(3) { -webkit-animation: ease .7s bottom forwards; animation: ease .7s bottom forwards; }

.not-active .burgerline:nth-child(3) { -webkit-animation: ease .7s bottom-2 forwards; animation: ease .7s bottom-2 forwards; }

@-webkit-keyframes top { 0% { top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { top: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@keyframes top { 0% { top: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { top: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { top: 10px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); } }

@-webkit-keyframes top-2 { 0% { top: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% { top: 22px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% { top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes top-2 { 0% { top: 15px;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  50% { top: 22px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% { top: 0;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes bottom { 0% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 8px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@keyframes bottom { 0% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 8px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); } }

@-webkit-keyframes bottom-2 { 0% { bottom: 0px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes bottom-2 { 0% { bottom: 0px;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  50% { bottom: 15px;
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  100% { bottom: 0;
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@-webkit-keyframes scaled { 50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@keyframes scaled { 50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(0); transform: scale(0); } }

@-webkit-keyframes scaled-2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@keyframes scaled-2 { 0% { -webkit-transform: scale(0); transform: scale(0); }
  50% { -webkit-transform: scale(0); transform: scale(0); }
  100% { -webkit-transform: scale(1); transform: scale(1); } }

@media all and (max-width: 874px) { .grid a { word-break: break-word; } }

.grid img { max-width: 1120px; }

.grid .block-page-title-block { display: none !important; }

.grid figure { margin: 0; padding: 0; }

.grid figcaption { font-size: 13px; line-height: 20px; font-style: italic; }

.grid video { width: 100%; }

.grid h1, .grid h2, .grid h3, .grid h4 { margin-right: 20px; }

.grid h1 a, .grid h2 a, .grid h3 a, .grid h4 a { text-decoration: none; border-bottom: 0; color: #333333; }

.grid ul { margin-left: 0; margin-top: 0; margin-bottom: 24px; padding-left: 16px; }

.grid p { padding-bottom: 24px; margin-bottom: 0; max-width: 700px; }

.grid a.image-link { border-bottom: 0; }

.grid .grid-container-title { font-size: 32px; line-height: 36px; color: #008791; margin-bottom: 24px; /* margin-left: $universalGap; */ padding: 0; }

.grid-container { width: 1080px; margin: auto; margin-bottom: 0; padding-top: 0; /*.grid-box { margin: 0 $universalGap $universalGap 0; }*/ }

.grid-container:first-child { border: 0; }

@media all and (max-width: 874px) { .grid-container { float: none; width: 100%; } }

@media all and (max-width: 874px) { .grid-container { max-width: 100%; margin: auto; } }

@media all and (max-width: 874px) { .grid-slots-wrapper { display: block !important; } }

.grid-container-c-1d1 .grid-slot-1d1 { position: relative; width: 1120px; }

@media all and (max-width: 874px) { .grid-container-c-1d1 .grid-slot-1d1 { float: none; width: 100%; } }

.grid-container-c-1d2-1d2 .grid-slot-first { float: left; width: 530px; }

@media all and (max-width: 874px) { .grid-container-c-1d2-1d2 .grid-slot-first { float: left; width: 100%; } }

.grid-container-c-1d2-1d2 .grid-slot-last { float: right; width: 530px; }

@media all and (max-width: 874px) { .grid-container-c-1d2-1d2 .grid-slot-last { width: 100%; } }

.grid-container-c-2d3-1d3 .grid-slot-2d3 { float: left; margin-right: 30px; width: 700px; }

@media all and (max-width: 874px) { .grid-container-c-2d3-1d3 .grid-slot-2d3 { float: left; width: 100%; } }

.grid-container-c-2d3-1d3 .grid-slot-1d3 { position: relative; width: 346px; float: right; }

@media all and (max-width: 874px) { .grid-container-c-2d3-1d3 .grid-slot-1d3 { width: 100%; } }

.grid-container-c-1d3-2d3 .grid-slot-2d3 { float: none; width: 700px; }

.grid-container-c-1d3-2d3 .grid-slot-1d3 { position: relative; margin-right: 30px; width: 346px; float: left !important; }

@media all and (max-width: 874px) { .grid-container-c-1d3-2d3 .grid-slot-1d3 { float: none; width: 100%; } }

.grid-container-c-1d3-1d3-1d3 .grid-slot-1d3 { width: 346px; float: left; margin-right: 20px; }

@media all and (max-width: 874px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3 { width: 100%; margin-right: 0; margin-top: 20px; } }

.grid-container-c-1d3-1d3-1d3 .grid-slot-1d3.grid-slot-last { margin-right: 0; }

@media all and (max-width: 874px) { .grid-container-c-1d3-1d3-1d3 .grid-slot-1d3.grid-slot-last { width: 100%; } }

@media all and (max-width: 874px) { .grid-container-c-1d4-1d4-1d4-1d4 .grid-slot-1d4 { float: left; width: 100%; } }

.grid-container-c-1d4-2d4-1d4 .grid-slot-2d4 { width: calc(50% - 40px); padding: 0 20px; }

@media all and (max-width: 874px) { .grid-container-c-1d4-2d4-1d4 .grid-slot-2d4 { float: left; width: 100%; padding: 0; } }

@media all and (max-width: 874px) { .grid-container-c-1d4-2d4-1d4 .grid-slot-1d4 { float: left; width: 100%; } }

.grid-box-image { width: 100%; height: auto; margin: 0 !important; margin-bottom: 20px !important; }

.grid-box-image img { width: 100%; height: auto; }

.grid-container-after { clear: both; }

.otherprojects { background-color: #444444; color: #333333; margin: 0 0 20px; padding: 20px; border-bottom: 2px solid #3c3c3c; width: 1040px !important; }

.otherprojects .grid-container-title { font-size: 25px !important; line-height: 36px; color: white; margin-bottom: 24px; padding: 0; }

.otherprojects .grid-box-image img { width: 150px; height: 150px; border-radius: 100px; }

.otherprojects .grid-box-image img:hover { -webkit-filter: brightness(0.5); filter: brightness(0.5); }

.otherprojects figcaption.grid-box--image.teaser__text { font-size: 15px; line-height: 20px; font-weight: 600; text-align: center; color: white; }

.otherprojects figure { margin: 0; padding: 0; text-align: center; }

.grid-container.lightteal { background-color: #aedfe4; color: #333333; margin: 0 0 20px; padding: 20px; border-bottom: 2px solid #88d0d7; width: 1040px !important; }

.grid-container.lightteal .arrow-down:before, .grid-container.lightteal .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #333333; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-container.lightteal .toggler { color: #333333; }

.grid-container.lightteal .grid-container-content { padding: 20px; }

.grid-container.lightteal .grid-container-title { color: #333333 !important; }

.grid-container.lightteal .grid-box-title { color: #333333 !important; }

.grid-container.lightteal p { color: #333333; }

.grid-container.lightteal p a { color: #333333; }

.grid-container.teal { background-color: #008791; margin: 0 0 20px; padding: 20px; border-bottom: 2px solid #00585e; color: #ffffff; width: 1040px !important; }

.grid-container.teal .arrow-down:before, .grid-container.teal .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #ffffff; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-container.teal .toggler { color: #ffffff; }

.grid-container.teal .grid-container-content { padding: 20px; }

.grid-container.teal .grid-container-title { color: #ffffff !important; }

.grid-container.teal .grid-box-title { color: #ffffff !important; }

.grid-container.teal p { color: #ffffff; }

.grid-container.teal p a { color: #ffffff; }

.grid-container.darkgrey { background-color: #444444; margin: 0 0 20px; border-bottom: 2px solid #2b2b2b; width: 1040px !important; padding: 20px; }

@media all and (max-width: 874px) { .grid-container.darkgrey { padding: 0; }
  .grid-container.darkgrey .grid-container-content { padding: 20px; } }

.grid-container.darkgrey .arrow-down:before, .grid-container.darkgrey .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #ffffff; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-container.darkgrey .toggler { color: #ffffff; }

.grid-container.darkgrey .grid-container-title { color: #ffffff !important; }

.grid-container.darkgrey .grid-box-title { color: #ffffff !important; }

.grid-container.darkgrey p { color: #ffffff; }

.grid-container.darkgrey p a { color: #ffffff; }

.grid-container.darkgrey .grid-slot-2d3 { width: 664px; }

.grid-container.lightgrey { background-color: #DDDDDD; margin: 0 0 20px; padding: 20px; border-bottom: 2px solid #aaaaaa; width: 1040px !important; }

@media all and (max-width: 874px) { .grid-container.lightgrey { padding: 0; }
  .grid-container.lightgrey .grid-container-content { padding: 20px; } }

.grid-container.lightgrey .grid-container-title { color: #333333 !important; }

.grid-container.lightgrey .grid-box-title { color: #333333 !important; }

.grid-container.lightgrey p { color: #333333; }

.grid-container.lightgrey .grid-slot-1d3 { width: 310px; }

.grid-container.lightgrey .grid-slot-first.grid-slot-1d2 { float: left; width: 510px; }

@media all and (max-width: 874px) { .grid-container.lightgrey .grid-slot-first.grid-slot-1d2 { float: left; width: 100%; } }

.grid-container.lightgrey .grid-slot-last.grid-slot-1d2 { float: right; width: 510px; }

@media all and (max-width: 874px) { .grid-container.lightgrey .grid-slot-last.grid-slot-1d2 { width: 100%; } }

/* SCHADE &:after { content: ""; background: darken($colorTeal,10); position: absolute; bottom: 30px; left: 0; height: 2px; width: 50%; }*/
.grid-box.yellow { background-color: #F4B400; padding: 20px; margin-bottom: 24px; border-bottom: 2px solid #c18e00; }

@media all and (max-width: 874px) { .grid-box.yellow { margin: 20px 0 20px; } }

.grid-box.yellow a { border-bottom: 1px solid #000000; }

.grid-box.yellow a:hover { border-bottom: none; }

.grid-box.lightteal { background-color: #aedfe4; padding: 20px; color: #333333; margin-bottom: 24px; border-bottom: 2px solid #88d0d7; background: #aedfe4; background: -webkit-linear-gradient(top, #aedfe4 60%, #a2d0d5 100%); background: linear-gradient(180deg, #aedfe4 60%, #a2d0d5 100%); }

@media all and (max-width: 874px) { .grid-box.lightteal { margin: 20px 0 20px; } }

.grid-box.lightteal a { border-bottom: 1px solid #000000; }

.grid-box.lightteal a:hover { border-bottom: none; }

.grid-box.teal { background-color: #008791; padding: 20px; margin-bottom: 24px; border-bottom: 2px solid #00585e; }

@media all and (max-width: 874px) { .grid-box.teal { margin: 20px 0 20px; } }

.grid-box.teal .arrow-down:before, .grid-box.teal .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #ffffff; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-box.teal .toggler { color: #ffffff; }

.grid-box.teal .grid-box-title { color: #ffffff !important; }

.grid-box.teal h2 { color: #ffffff !important; }

.grid-box.teal li { color: #ffffff; }

.grid-box.teal ::marker { color: #ffffff; }

.grid-box.teal p { color: #ffffff; }

.grid-box.teal a { color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }

.grid-box.teal a:hover { border-bottom: none; }

.grid-box.darkgrey { background-color: #444444; padding: 20px; margin: 0 0 20px; margin-bottom: 24px; border-bottom: 2px solid #2b2b2b; }

.grid-box.darkgrey .arrow-down:before, .grid-box.darkgrey .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #ffffff; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-box.darkgrey .toggler { color: #ffffff; }

.grid-box.darkgrey .grid-box-title { color: #ffffff !important; }

.grid-box.darkgrey h2 { color: #ffffff !important; }

.grid-box.darkgrey li { color: #ffffff; }

.grid-box.darkgrey ::marker { color: #ffffff; }

.grid-box.darkgrey p { color: #ffffff; }

.grid-box.darkgrey a { color: #ffffff; text-decoration: none; border-bottom: 1px solid #ffffff; }

.grid-box.darkgrey a:hover { border-bottom: none; }

.grid-box.lightgrey { background-color: #DDDDDD; padding: 20px; margin: 0 0 20px; margin-bottom: 24px; border-bottom: 2px solid #aaaaaa; }

.grid-box.lightgrey .grid-box-title { color: #333333 !important; }

.grid-box.lightgrey li { color: #333333; }

.grid-box.lightgrey ::marker { color: #333333; }

.grid-box.lightgrey p { color: #333333; }

.grid-box.lightgrey a { color: #333333; text-decoration: none; border-bottom: 1px solid #008791; }

.grid-box.lightgrey a:hover { border-bottom: 1px solid #333333; }

.grid-box-image img.medium { width: 100%; height: auto; }

.grid-box-image img.small { width: 33%; height: auto; }

.path-frontpage .grid-container .grid-container-title { font-size: 48px; }

.riskbox h3 { margin-top: 20px; }

.riskbox h3:first-child { margin-top: 0; }

.riskbox .risk-box-freitext { margin-top: -46px; }

.grid-box-companytable .grid-box-epilog { font-size: 12px; padding: 0 15px; }

@media all and (max-width: 874px) { .iframedesktoponly { display: none; } }

@media all and (min-width: 874px) { .iframemobileonly { display: none; } }

table { margin-bottom: 30px; }

table tr { border-bottom: 1px solid #ccc; }

table th, table td { font-size: 14px; line-height: 21px; padding: 3px; max-width: 160px; min-width: 60px; }

table td { padding: 7px 3px; text-align: right; }

table td.views-field-title { text-align: left; max-width: 240px; }

table td.views-field-field-country-of-headquarters { text-align: center; }

table td.views-field-field-resources-under-developmen { padding-right: 40px; }

table td.views-field-field-hydrocarbons-production-20 { padding-right: 40px; }

table td.views-field-field-tablebonustext-1 { text-align: left !important; max-width: 250px; width: 250px; }

table td.views-field-field-tablebonustext-1 p { margin: 0; padding-bottom: 0 !important; }

table td.views-field-field-unconventional-expansion { padding-right: 20px; }

table a { color: #008791; text-decoration: none; border-bottom: 1px solid #444444; padding-bottom: 1px; }

table a:hover { border-bottom: 1px solid #DDDDDD; }

.hide-first-box .arrow-down img { display: none; }

.hide-first-box .arrow-down p { display: none; }

.content-toggle .grid-box-title { display: none; }

.grid-box-toggle .is-expanded .arrow-down:before { -webkit-transform: rotate(-45deg) !important; transform: rotate(-45deg) !important; }

.grid-box-toggle .is-expanded .arrow-down:after { -webkit-transform: rotate(45deg) !important; transform: rotate(45deg) !important; }

.grid-container.toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-container.toggle .arrow-down:before, .grid-container.toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: black; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-container.toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-container.toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-container.toggle .is-expanded .arrow-down:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-container.toggle .is-expanded .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle { /* font awesome icon slicing effect from https://codepen.io/suez/pen/KpwEeg */ margin: 20px 0; }

.grid-slot.toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-slot.toggle .arrow-down:before, .grid-slot.toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #008791; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-slot.toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-slot.toggle .arrow-down.active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-slot.toggle .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-slot.toggle *, .grid-slot.toggle *:before, .grid-slot.toggle *:after { box-sizing: border-box; margin: 0; padding: 0; }

.grid-slot.toggle html, .grid-slot.toggle body { font-size: 62.5%; }

@media (max-width: 768px) { .grid-slot.toggle html, .grid-slot.toggle body { font-size: 50%; } }

.grid-slot.toggle body { background: #EDEFF2; }

.grid-slot.toggle .demo { position: absolute; left: 50%; top: 50%; margin-left: -18.3rem; margin-top: -23.5rem; width: 36.6rem; height: 47rem; background: #FFFFFF; border-radius: 1.2rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.15); overflow: hidden; }

.grid-slot.toggle .demo__top { position: relative; height: 18.6rem; background: -webkit-linear-gradient(#7BCECA, #82D3CB); background: linear-gradient(#7BCECA, #82D3CB); overflow: hidden; }

.grid-slot.toggle .demo__body { position: relative; min-height: 56.8rem; padding-top: 5rem; will-change: transform; }

.grid-slot.toggle .pull-down { position: absolute; left: 0; top: 1rem; width: 100%; font-size: 2rem; text-align: center; color: rgba(84, 92, 103, 0.6); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.grid-slot.toggle .pull-down:before, .grid-slot.toggle .pull-down:after { content: ""; position: absolute; top: 0; width: 1rem; height: 1rem; border: 1px solid rgba(84, 92, 103, 0.6); border-left: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: arrowAnim 1.5s infinite; animation: arrowAnim 1.5s infinite; }

.grid-slot.toggle .pull-down:before { left: 11rem; }

.grid-slot.toggle .pull-down:after { left: 25rem; }

@-webkit-keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

@keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

.grid-slot.toggle .items { position: relative; }

.grid-slot.toggle .items.padded { -webkit-transition: padding 0.3s; transition: padding 0.3s; padding-top: 8rem; }

.grid-slot.toggle .item { height: 8rem; padding: 2rem 2.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.grid-slot.toggle .item.absPos { position: absolute; left: 0; top: 0; }

.grid-slot.toggle .item.hidden { opacity: 0; }

.grid-slot.toggle .item__icon { display: inline-block; vertical-align: top; width: 4rem; height: 4rem; margin-right: 2rem; border-radius: 50%; }

.grid-slot.toggle .item__icon.animated { -webkit-animation: animateIcon 0.6s forwards; animation: animateIcon 0.6s forwards; }

.grid-slot.toggle .item__icon.m--img img { width: 100%; }

.grid-slot.toggle .item__name { font-size: 2rem; line-height: 4rem; color: #545C67; }

@-webkit-keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

@keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.grid-slot.toggle .plane-cont { position: absolute; left: 1.7rem; top: -2.8rem; width: 5.6rem; height: 5.6rem; background: #5DB2DF; border-radius: 50%; box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.3); }

.grid-slot.toggle .plane-rotater { position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1.3rem; width: 2.8rem; height: 2.6rem; }

.grid-slot.toggle .plane.fly { -webkit-animation: planeFly 3.5s forwards; animation: planeFly 3.5s forwards; }

@-webkit-keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.grid-slot.toggle .svgBg__bg { -webkit-transform-origin: 183px 256px; transform-origin: 183px 256px; }

.grid-slot.toggle .svgBg__tree-trunk { fill: #1E5E65; }

.grid-slot.toggle .svgBg__tree-part { -webkit-transform-origin: inherit; transform-origin: inherit; }

.grid-slot.toggle .svgBg__tree-1 { -webkit-transform-origin: 54px 147px; transform-origin: 54px 147px; opacity: 0.7; }

.grid-slot.toggle .svgBg__tree-1 .svgBg__tree-part { -webkit-transform: scale(0.35, 0.44); transform: scale(0.35, 0.44); }

.grid-slot.toggle .svgBg__tree-2 { -webkit-transform-origin: 67px 144px; transform-origin: 67px 144px; opacity: 0.7; }

.grid-slot.toggle .svgBg__tree-2 .svgBg__tree-part { -webkit-transform: scale(0.56, 0.65); transform: scale(0.56, 0.65); }

.grid-slot.toggle .svgBg__tree-3 { -webkit-transform-origin: 264px 149px; transform-origin: 264px 149px; }

.grid-slot.toggle .svgBg__tree-3 .svgBg__tree-part { -webkit-transform: scale(0.58, 0.65); transform: scale(0.58, 0.65); }

.grid-slot.toggle .svgBg__tree-4 { -webkit-transform-origin: 287px 148px; transform-origin: 287px 148px; }

.grid-slot.toggle .svgBg__tree-4 .svgBg__tree-part { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); }

.grid-slot.toggle .svgBg__tree-5 { -webkit-transform-origin: 313px 148px; transform-origin: 313px 148px; }

.grid-slot.toggle .svgBg__tree-5 .svgBg__tree-part { -webkit-transform: scale(0.5, 0.61); transform: scale(0.5, 0.61); }

.grid-slot.toggle .icon-box { position: relative; display: inline-block; vertical-align: top; width: 4rem; height: 4rem; background: #0c0c0c; overflow: hidden; font-size: 0; text-decoration: none; border-radius: 50%; }

.grid-slot.toggle .icon-box:before { content: ""; position: absolute; left: 16.66667%; top: 0; margin-left: -1px; width: 2px; height: 0.6rem; background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: rotate(-30deg) translate(0.33333rem, -1rem); transform: rotate(-30deg) translate(0.33333rem, -1rem); }

.grid-slot.toggle .icon-box:hover:before { -webkit-animation: slice 0.5s; animation: slice 0.5s; }

.grid-slot.toggle .icon-box__inner { position: relative; display: inline-block; vertical-align: top; overflow: hidden; width: 50%; height: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); font-size: 2.4rem; color: #fff; }

.grid-slot.toggle .icon-box__inner .fa { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg); transform: translate(-50%, -50%) rotate(30deg); }

.grid-slot.toggle .icon-box__inner.m--left { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.grid-slot.toggle .icon-box__inner.m--left .fa { left: 100%; }

.grid-slot.toggle .icon-box__inner.m--right { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.icon-box:hover .grid-slot.toggle .icon-box__inner.m--right { -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; -webkit-transform: rotate(-30deg) translate(0.2rem, 0.4rem); transform: rotate(-30deg) translate(0.2rem, 0.4rem); }

.grid-slot.toggle .icon-box__inner.m--right .fa { left: 0; }

@-webkit-keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

@keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

.grid-slot.toggle .toggle-title { padding-bottom: 20px; cursor: pointer; }

.grid-slot.toggle:first-child { margin-top: 20px; }

.grid-box-toggle { /* font awesome icon slicing effect from https://codepen.io/suez/pen/KpwEeg */ margin: 20px 0; }

.grid-box-toggle ul { margin-top: 0; margin-bottom: 30px; padding-left: 25px; }

.grid-box-toggle span.toggler { font-size: 23px; line-height: 23px; }

.grid-box-toggle .arrow-down { width: 50px; height: 30px; position: relative; }

.grid-box-toggle .arrow-down:before, .grid-box-toggle .arrow-down:after { content: ""; display: block; width: 20px; height: 5px; background: #008791; position: absolute; top: 20px; -webkit-transition: -webkit-transform .5s; transition: -webkit-transform .5s; transition: transform .5s; transition: transform .5s, -webkit-transform .5s; }

.grid-box-toggle .arrow-down:before { right: 21px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-box-toggle .arrow-down:after { right: 10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); border-top-right-radius: 10px; border-bottom-right-radius: 10px; }

.grid-box-toggle .arrow-down.active:before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.grid-box-toggle .arrow-down.active:after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.grid-box-toggle .demo { position: absolute; left: 50%; top: 50%; margin-left: -18.3rem; margin-top: -23.5rem; width: 36.6rem; height: 47rem; background: #FFFFFF; border-radius: 1.2rem; box-shadow: 0 2rem 2rem rgba(0, 0, 0, 0.15); overflow: hidden; }

.grid-box-toggle .demo__top { position: relative; height: 18.6rem; background: -webkit-linear-gradient(#7BCECA, #82D3CB); background: linear-gradient(#7BCECA, #82D3CB); overflow: hidden; }

.grid-box-toggle .demo__body { position: relative; min-height: 56.8rem; padding-top: 5rem; will-change: transform; }

.grid-box-toggle .pull-down { position: absolute; left: 0; top: 1rem; width: 100%; font-size: 2rem; text-align: center; color: rgba(84, 92, 103, 0.6); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; }

.grid-box-toggle .pull-down:before, .grid-box-toggle .pull-down:after { content: ""; position: absolute; top: 0; width: 1rem; height: 1rem; border: 1px solid rgba(84, 92, 103, 0.6); border-left: none; border-top: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-animation: arrowAnim 1.5s infinite; animation: arrowAnim 1.5s infinite; }

.grid-box-toggle .pull-down:before { left: 11rem; }

.grid-box-toggle .pull-down:after { left: 25rem; }

@keyframes arrowAnim { to { -webkit-transform: translateY(1.3rem) rotate(45deg); transform: translateY(1.3rem) rotate(45deg);
    opacity: 0; } }

.grid-box-toggle .items { position: relative; }

.grid-box-toggle .items.padded { -webkit-transition: padding 0.3s; transition: padding 0.3s; padding-top: 8rem; }

.grid-box-toggle .item { height: 8rem; padding: 2rem 2.5rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }

.grid-box-toggle .item.absPos { position: absolute; left: 0; top: 0; }

.grid-box-toggle .item.hidden { opacity: 0; }

.grid-box-toggle .item__icon { display: inline-block; vertical-align: top; width: 4rem; height: 4rem; margin-right: 2rem; border-radius: 50%; }

.grid-box-toggle .item__icon.animated { -webkit-animation: animateIcon 0.6s forwards; animation: animateIcon 0.6s forwards; }

.grid-box-toggle .item__icon.m--img img { width: 100%; }

.grid-box-toggle .item__name { font-size: 2rem; line-height: 4rem; color: #545C67; }

@keyframes animateIcon { 20% { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); }
  40% { -webkit-transform: scaleY(0.9); transform: scaleY(0.9); }
  60% { -webkit-transform: scaleY(0.6); transform: scaleY(0.6); }
  80% { -webkit-transform: scaleY(1.1); transform: scaleY(1.1); }
  100% { -webkit-transform: scaleY(1); transform: scaleY(1); } }

.grid-box-toggle .plane-cont { position: absolute; left: 1.7rem; top: -2.8rem; width: 5.6rem; height: 5.6rem; background: #5DB2DF; border-radius: 50%; box-shadow: 0 0.3rem 0.3rem rgba(0, 0, 0, 0.3); }

.grid-box-toggle .plane-rotater { position: absolute; left: 50%; top: 50%; margin-left: -1rem; margin-top: -1.3rem; width: 2.8rem; height: 2.6rem; }

.grid-box-toggle .plane.fly { -webkit-animation: planeFly 3.5s forwards; animation: planeFly 3.5s forwards; }

@keyframes planeFly { 28% { -webkit-transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); transform: translate(55rem, 13rem) rotate(20deg) scale(0.7); }
  35% { -webkit-transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); transform: translate(45rem, -8rem) rotate(-160deg) scale(0.5); }
  85% { -webkit-transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); transform: translate(-15rem, -4rem) rotate(-180deg) scale(0.7); }
  90% { -webkit-transform: translate(-15rem, 0) rotate(0deg); transform: translate(-15rem, 0) rotate(0deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

.grid-box-toggle .svgBg__bg { -webkit-transform-origin: 183px 256px; transform-origin: 183px 256px; }

.grid-box-toggle .svgBg__tree-trunk { fill: #1E5E65; }

.grid-box-toggle .svgBg__tree-part { -webkit-transform-origin: inherit; transform-origin: inherit; }

.grid-box-toggle .svgBg__tree-1 { -webkit-transform-origin: 54px 147px; transform-origin: 54px 147px; opacity: 0.7; }

.grid-box-toggle .svgBg__tree-1 .svgBg__tree-part { -webkit-transform: scale(0.35, 0.44); transform: scale(0.35, 0.44); }

.grid-box-toggle .svgBg__tree-2 { -webkit-transform-origin: 67px 144px; transform-origin: 67px 144px; opacity: 0.7; }

.grid-box-toggle .svgBg__tree-2 .svgBg__tree-part { -webkit-transform: scale(0.56, 0.65); transform: scale(0.56, 0.65); }

.grid-box-toggle .svgBg__tree-3 { -webkit-transform-origin: 264px 149px; transform-origin: 264px 149px; }

.grid-box-toggle .svgBg__tree-3 .svgBg__tree-part { -webkit-transform: scale(0.58, 0.65); transform: scale(0.58, 0.65); }

.grid-box-toggle .svgBg__tree-4 { -webkit-transform-origin: 287px 148px; transform-origin: 287px 148px; }

.grid-box-toggle .svgBg__tree-4 .svgBg__tree-part { -webkit-transform: scale(0.8, 1); transform: scale(0.8, 1); }

.grid-box-toggle .svgBg__tree-5 { -webkit-transform-origin: 313px 148px; transform-origin: 313px 148px; }

.grid-box-toggle .svgBg__tree-5 .svgBg__tree-part { -webkit-transform: scale(0.5, 0.61); transform: scale(0.5, 0.61); }

.grid-box-toggle .icon-box { position: relative; display: inline-block; vertical-align: top; width: 4rem; height: 4rem; background: #0c0c0c; overflow: hidden; font-size: 0; text-decoration: none; border-radius: 50%; }

.grid-box-toggle .icon-box:before { content: ""; position: absolute; left: 16.66667%; top: 0; margin-left: -1px; width: 2px; height: 0.6rem; background: #fff; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; -webkit-transform: rotate(-30deg) translate(0.33333rem, -1rem); transform: rotate(-30deg) translate(0.33333rem, -1rem); }

.grid-box-toggle .icon-box:hover:before { -webkit-animation: slice 0.5s; animation: slice 0.5s; }

.grid-box-toggle .icon-box__inner { position: relative; display: inline-block; vertical-align: top; overflow: hidden; width: 50%; height: 100%; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); font-size: 2.4rem; color: #fff; }

.grid-box-toggle .icon-box__inner .fa { position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%) rotate(30deg); transform: translate(-50%, -50%) rotate(30deg); }

.grid-box-toggle .icon-box__inner.m--left { -webkit-transform-origin: 100% 50%; transform-origin: 100% 50%; }

.grid-box-toggle .icon-box__inner.m--left .fa { left: 100%; }

.grid-box-toggle .icon-box__inner.m--right { -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition: -webkit-transform 0.5s; transition: -webkit-transform 0.5s; transition: transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s; }

.icon-box:hover .grid-box-toggle .icon-box__inner.m--right { -webkit-transition: -webkit-transform 0.5s 0.1s; transition: -webkit-transform 0.5s 0.1s; transition: transform 0.5s 0.1s; transition: transform 0.5s 0.1s, -webkit-transform 0.5s 0.1s; -webkit-transform: rotate(-30deg) translate(0.2rem, 0.4rem); transform: rotate(-30deg) translate(0.2rem, 0.4rem); }

.grid-box-toggle .icon-box__inner.m--right .fa { left: 0; }

@keyframes slice { to { -webkit-transform: rotate(-30deg) translate(0.33333rem, 7rem); transform: rotate(-30deg) translate(0.33333rem, 7rem); } }

.grid-box-toggle .toggle-title { padding-bottom: 20px; cursor: pointer; }

.grid-box-toggle:first-child { margin-top: 20px; }

.toggle-more { display: inline-block; -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; }

.toggle-more.is-expanded { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.toggle-more img { width: 20px !important; height: auto; margin-bottom: 0px !important; }

.content-toggle { -webkit-transition: max-height 0.15s ease-in-out, opacity 0.25s ease-in-out, border 0.25s ease-in-out; transition: max-height 0.15s ease-in-out, opacity 0.25s ease-in-out, border 0.25s ease-in-out; overflow: hidden; opacity: 0; max-height: 0; }

.content-toggle.is-expanded { opacity: 1; max-height: 100000px; }

.toggler { font-size: 21px; line-height: 21px; font-weight: bold; color: #333333; }

.companies { max-height: 120px; position: relative; overflow: hidden; }

.companies ul { padding-bottom: 30px; margin-top: 0; }

.companies .read-more { position: absolute; bottom: -25px; left: 0; width: 100%; text-align: center; margin: 0; padding: 30px 0; background-image: -webkit-linear-gradient(top, transparent, #DDDDDD); background-image: linear-gradient(to bottom, transparent, #DDDDDD); }

.companies .read-more a.button { background-color: #008791; padding: 5px 20px 5px 20px; color: white; border-radius: 10px; }

.companies .read-less { position: absolute; bottom: -24px; left: 0; width: 100%; text-align: center; padding: 30px 0; margin-bottom: -5px; }

@media all and (max-width: 874px) { .menu--main { margin-top: -40px; } }

.menu--main ul { margin: 15px 0 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; }

@media all and (max-width: 874px) { .menu--main ul { display: block; margin-top: 20px; margin-bottom: 20px; } }

.menu--main ul li.menu-item { display: inline-block; margin-right: 25px; font-size: 17px; }

@media all and (max-width: 874px) { .menu--main ul li.menu-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-right: 0; text-align: right; } }

.menu--main ul li.menu-item a, .menu--main ul li.menu-item a:visited, .menu--main ul li.menu-item a:focus { text-decoration: none; border-bottom: 2px solid #DDDDDD; color: #008791; padding-bottom: 3px; text-transform: uppercase; font-weight: 600; }

.menu--main ul li.menu-item a:hover, .menu--main ul li.menu-item a:visited:hover, .menu--main ul li.menu-item a:focus:hover { border-bottom: 2px solid #008791; }

@media all and (max-width: 874px) { .menu--main { display: none; } }

.menu--footer { width: 100%; text-align: right; }

.menu--footer ul { text-align: right; margin: 0 25px 10px; padding: 0; }

.menu--footer ul li.menu-item { display: inline-block; margin-right: 10px; /* das hier braucht es vielleicht irgendwofür, aber nicht für das footermenü &:first-child { margin-right: 30px; } */ }

.menu--footer ul li.menu-item a, .menu--footer ul li.menu-item a:visited, .menu--footer ul li.menu-item a:focus { text-decoration: none; border-bottom: 2px solid #aaaaaa; color: #ffffff; }

.menu--footer ul li.menu-item a:hover, .menu--footer ul li.menu-item a:visited:hover, .menu--footer ul li.menu-item a:focus:hover { border-bottom: 2px solid #ffffff; }

.menu--footer a p { /* da stand Logout im Footermenü */ display: none; }

.field--name-field-project-referenz .field__item a { color: #333333; text-decoration: none; border-bottom: 1px solid #008791; }

.field--name-field-project-referenz .field__item a :hover { border-bottom: 1px solid #444444; }

#twitter-share, #share { width: 30px; height: auto; margin-right: 10px; margin-top: 30px; margin-bottom: -12px; }

#facebook-share { display: none; width: 30px; height: auto; margin-right: 10px; margin-top: 30px; margin-bottom: -12px; }

a { text-decoration: none; }

.sharebutton { background-color: #008791; padding: 5px 20px 5px 20px; color: white; border-radius: 10px; border: none; }

.ui-autocomplete-input { max-width: 300px; }

@media all and (max-width: 874px) { #contact-message-feedback-form .form-text, #contact-message-feedback-form .form-email, #contact-message-feedback-form .js-text-full { width: 100%; } }

.ui-widget.ui-widget-content { border-radius: 5px !important; margin-left: 15px !important; }

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content { border-radius: 5px; margin-left: 20px !important; }

.grid-search-form .form-item { display: inline-block; }

.grid-search-form label { margin-right: 10px; }

.grid-search-form .form-autocomplete.form-text.ui-autocomplete-input { border: 1px solid #c5c5c5; border-radius: 15px; background-image: none; max-width: 260px; margin-right: 20px; height: 30px; padding-left: 10px; }

.grid-search-form .form-autocomplete.form-text.ui-autocomplete-input :focus-visible { outline: #444444 1px !important; }

.grid-search-form .button { border-radius: 15px; background-color: #008791; border: none; padding: 5px 15px 5px 15px; color: white; margin: auto; }

.grid-search-form .button :hover { background-color: rgba(0, 0, 0, 0.2); -webkit-transition: all .3s; transition: all .3s; }

@media all and (max-width: 874px) { .user-login-form input, .user-register-form input { max-width: 100%; } }

.user-login-form .button, .user-register-form .button { display: inline-block; margin: 10px 0; padding: 5px 10px; border-bottom: 0; background-color: #008791; border-radius: 8px; color: white; font-weight: 900; boder: none; }

.user-login-form .button:hover, .user-register-form .button:hover { background-color: #444444; }

.user-login-form input[type="submit"], .user-register-form input[type="submit"] { background-color: #008791; color: #ffffff; border-color: #008791; border: none !important; }

.webform-submission-request-form label { display: table; margin: 0 0 0.1em; padding: 0; font-weight: bold; }

.webform-submission-request-form input { box-sizing: border-box; max-width: 100%; height: 25px; padding: 0.3em 0.4em 0.3em 0.5em; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; color: #595959; border: 1px solid #b8b8b8; border-top-color: #999; border-radius: 2px; background: #fcfcfa; box-shadow: inset 0 1px 2px rgba(73, 54, 73, 0.2); font-size: 1em; }

.webform-submission-request-form .form-text:focus { border-color: #40b6ff; outline: 0; background-color: #fff; box-shadow: 0 0 8px #40b6ff; }

.webform-submission-request-form .form-text:focus-visible { outline: 0 !important; }

.webform-submission-request-form .form-email:focus { border-color: #40b6ff; outline: 0; background-color: #fff; box-shadow: 0 0 8px #40b6ff; }

.webform-submission-request-form .form-email:focus-visible { outline: 0 !important; }

.webform-submission-request-form .button--primary { display: inline-block; height: 35px; margin: 10px 0; padding: 5px 10px; border-bottom: 0; background-color: #008791; border-radius: 8px; color: white; font-weight: 900; border: none !important; }

.webform-submission-request-form .button--primary:hover { background-color: #555555; }

.seperator-footer { display: none; float: right; width: 62%; height: 2px; background-color: #444444; }

.block-search { text-align: right; }

.node__content { max-width: 800px; }

.user-register-form { max-width: 800px; }

.user-register-form label { display: block; width: 200px; padding-bottom: 0; margin-top: 0; }

@media all and (max-width: 874px) { .user-register-form label { border-bottom: none; } }

.user-register-form label.option { width: 400px; }

@media all and (max-width: 874px) { .user-register-form label.option { max-width: 100%; border-bottom: 1px solid #999; } }

.user-register-form input[type="email"], .user-register-form input[type="text"], .user-register-form input[type="tel"], .user-register-form select { padding: 8px 13px; border: 1px solid #DDDDDD; border-bottom: 1px solid #008791; min-width: 65%; }

.user-register-form input[type="checkbox"] { margin-right: 10px; margin-top: 5px; display: inline-block; float: left; }

@media all and (max-width: 874px) { .user-register-form input { max-width: 100%; } }

@media all and (max-width: 874px) { .user-register-form select { max-width: 100%; } }

.user-register-form .description { margin-top: 15px; color: #999; }

.user-register-form .description a { color: #999; text-decoration: none; border-bottom: 1px solid #008791; }

.user-register-form .form-type-checkbox .description { margin-left: 0; }

.file a { color: #555555; text-decoration: none; border-bottom: 1px solid #008791; }

.view-all-stories { padding: 20px; margin: 20px; background-color: lightgrey; }

.view-all-stories a { color: #555555; text-decoration: none; border-bottom: 1px solid #008791; }

.block-urg-grid-boxes-company-search { border: 1px solid #ccc; padding: 20px; margin: 20px; }

.block-urg-grid-boxes-company-search input.form-autocomplete { border: 1px solid teal; padding: 10px; margin-left: 10px; }

.block-urg-grid-boxes-company-search .form-submit { border: 1px solid #444444; background-color: #008791; color: white; padding: 5px 30px; margin-left: 0; }

#block-upload { max-width: 1040px; margin: auto; }

#block-upload p { max-width: 650px; }

#block-upload a { display: inline-block; margin: 10px 0; padding: 5px 10px; border-bottom: 0; background-color: #008791; border-radius: 8px; color: white; font-weight: 900; }

#block-upload a:hover { background-color: #444444; }

.grid-box .leaflet-container { min-width: 600px !important; width: 100% !important; }

@media all and (max-width: 874px) { .grid-box .leaflet-container { max-width: 100%; min-width: 300px !important; margin: auto; } }

.yt_box { position: relative; max-width: 560px; /* wie breit soll das Video maximal sein */ margin: auto; }

.yt_box:before { content: ""; display: block; padding-top: 56%; /* 16:9 Format */ }

.yt_box iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }

.jump-mark { scroll-margin-top: 150px; }

.cookiesjsr-banner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background-color: #008791; }

.cookiesjsr-btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; background-color: #008791 !important; }

.cookiesjsr-btn.important { background-color: white !important; background-color: var(--banner-bg-color, white); color: #008791 !important; }

.cookiesjsr-service-group.active .cookiesjsr-service-group--content { background: #008791 !important; }

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab { background: #008791 !important; }

.cookiesjsr-banner a { color: white !important; border: 0; }

.cookiesjsr-btn.invert { color: white !important; }

#cookies-docs h2 { padding: 12px 0; }

#cookies-docs section { margin-bottom: 12px; }

#cookies-docs a { color: #008791; }

#cookies-docs table th, #cookies-docs table td { text-align: left; padding-right: 9px; }

.grid-box-csvtotable tr:first-child td { font-weight: bolder; }

nav.tabs { margin-left: 0; }

nav.tabs a.is-active { font-weight: bolder; }

.messages--status { display: none; }

.projects { background-color: #aaaaaa; color: #333333; padding: 20px; height: 225px; }

@media (max-width: 400px) { .projects { height: auto; } }

.projects h2 { color: white; }

.projects p { color: white; font-weight: 500; font-size: 18px; }

.projects .partner-1 { display: inline-block; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 30px; }

.projects .roundimage-1 { background-image: url("/themes/barebones/images/coal-exit-hg.png"); background-repeat: no-repeat; background-size: 150px; }

.projects .roundimage-1:hover { background-color: #aaaaaa; background-blend-mode: multiply; }

.projects .roundimage-1:hover .round-icon-green { display: inline-block; width: 150px; height: auto; }

.projects .roundimage-1:hover .round-icon { display: none; width: 150px; height: auto; }

.projects .partner-2, .projects .partner-3 { display: inline-block; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 30px; }

.projects .roundimage-2 { background-image: url("/themes/barebones/images/ea-icon-hg.png"); background-repeat: no-repeat; background-size: 150px; display: inline-block; }

.projects .roundimage-2:hover { background-color: #aaaaaa; background-blend-mode: multiply; }

.projects .roundimage-2:hover .round-icon-green { display: inline-block; width: 150px; height: auto; }

.projects .roundimage-2:hover .round-icon { display: none; width: 150px; height: auto; }

.projects .partner-1 { display: inline-block; text-align: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin-right: 30px; }

.projects .roundimage-3 { background-image: url("/themes/barebones/images/fr-icon-hg.png"); background-repeat: no-repeat; background-size: 150px; }

.projects .roundimage-3:hover { background-color: #aaaaaa; background-blend-mode: multiply; }

.projects .roundimage-3:hover .round-icon-green { display: inline-block; width: 150px; height: auto; }

.projects .roundimage-3:hover .round-icon { display: none; width: 150px; height: auto; }

.projects .round-icon { width: 150px; height: auto; }

.projects .round-icon-green { display: none; }

.sourcesbox { counter-reset: sources; font-size: 13px; }

.sourcesbox div::before { counter-increment: sources; content: "[" counter(sources) "] "; color: #000; font-size: 10px; }

body { counter-reset: jumper; }

body sup a { font-size: 0; text-decoration: none; border-bottom: 0; cursor: pointer; }

body sup a:before { counter-increment: jumper; content: "[" counter(jumper) "] "; font-size: 12px; line-height: 15px; text-decoration: none; cursor: pointer; }

.button-one { border: 2px solid teal; display: inline-block; padding: 5px 30px !important; margin-bottom: 24px !important; color: teal; background-color: #008791; font-size: 120%; }

.button-one a { color: white; text-decoration: none; border: 0; }

.button-one:hover { background-color: #aedfe4; }

.button-one:hover a { color: black; text-decoration: none; border-bottom: 0; }

.button-two { border: 2px solid teal; display: inline-block; padding: 5px 30px !important; margin-bottom: 24px !important; color: teal; background-color: white; font-size: 120%; }

.button-two a { color: #008791; text-decoration: none; border: 0; }

.button-two:hover { background-color: #008791; }

.button-two:hover a { color: white; text-decoration: none; border-bottom: 0; }

.button-three { border: 2px solid #F4B400; display: inline-block; padding: 5px 30px !important; margin-bottom: 24px !important; background-color: #F4B400; font-size: 120%; }

.button-three a { color: black; text-decoration: none; border: 0; }

.button-three:hover { background-color: #444444; }

.button-three:hover a { color: #F4B400; text-decoration: none; border-bottom: 0; }
/*# sourceMappingURL=application.css.map */