/* @import url(https://fonts.googleapis.com/css?family=PT+Serif:400,700&subset=latin-ext); */

/***********************************************************************************/
/*  Farben
/*  #88a933 grün
/***********************************************************************************/

/***********************************************************************************/
/* @rem
/* @boxsizing
/* @grid
/* @viewportpointer-events:none;
/* @fonts
/***********************************************************************************/

/***********************************************************************************/
/* reset
/***********************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  vertical-align:baseline;
  background:transparent;
  background-repeat:no-repeat;
}

body {
  line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}

a {
  margin:0;
  padding:0;
  vertical-align:baseline;
  background:transparent;
}

button {
  border-radius: 0;
}

/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}

/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: .1rem dotted;
  cursor:help;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

/* change border colour to suit your needs */
hr {
  display:block;
  height:.1rem;
  border:0;
  border-top:.1rem solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select {
  vertical-align:middle;
}

textarea {
  resize: none;
}

/***********************************************************************************/
/* basics
/***********************************************************************************/

* {
  box-sizing: inherit;
  float: left;
}

br {
  float: none !important;
}

pre,
pre * {
  float: none;
}

@viewport {
  width: device-width;
  zoom:1;
}

html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 62.5%;
  box-sizing: border-box;
  float: none;
}

/*@media screen and (min-width: 1600px) {
  html {font-size: 93.75%;}
}*/

body {
  position: relative;
  width: 100%;
  min-height: 100%;
  min-height: 100vh;
  /*overflow: hidden;*/
  font-size: 1.6rem;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: always;
}

*:focus {
  border: none;
  outline: none;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  max-width: 100%;
  vertical-align: top;
}

a {
  color: #000;
  text-decoration: none;
}

img.lazyload {
  width: 100%;
}

.green {color: #88a933;}
.bgGrey {background-color: #eeeeee}
.bgWhite {background-color: #ffffff}

.hidden {display: none;}

.bold {font-weight: bold;}

div,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  width: 100%;
}

/*************** Arrow ***************/

svg.right {-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg)}
svg.left  {-ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg)}
svg.up    {-ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg)}
svg.down  {-ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg)}

/***********************************************************************************/
/*  Fonts
/***********************************************************************************/

/* pt-serif-regular - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pt-serif-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('PT Serif'), local('PTSerif-Regular'),
       url('fonts/pt-serif-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v10-latin-regular.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700 - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/pt-serif-v10-latin-700.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Bold'), local('PTSerif-Bold'),
       url('fonts/pt-serif-v10-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v10-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v10-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v10-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v10-latin-700.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/pt-serif-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Italic'), local('PTSerif-Italic'),
       url('fonts/pt-serif-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v10-latin-italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/* pt-serif-700italic - latin */
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/pt-serif-v10-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('PT Serif Bold Italic'), local('PTSerif-BoldItalic'),
       url('fonts/pt-serif-v10-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/pt-serif-v10-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/pt-serif-v10-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/pt-serif-v10-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/pt-serif-v10-latin-700italic.svg#PTSerif') format('svg'); /* Legacy iOS */
}
/***********************************************************************************/
/* grid
/***********************************************************************************/

.wrapper {
  width: 100%;
  overflow-x: hidden;
}

.container {
  float: none;
  width: 100%;
  max-width: 100rem;
  margin: 0 auto;
}

.wrapper.min .container {
  padding: 0 2rem;
}

.column {
  float:left;
  padding: 0 2rem;
}

.column.gutterLess {
  padding: 0rem !important;
}

.gutterLeft {
  padding: 0 0 0 2rem !important;
}

.gutterRight {
  padding: 0 2rem 0 0 !important;
}

.box .container > .column,
.box.two .col > .column {
  padding-top: 4.5rem;
  padding-bottom: 4.5rem;
}

.box {
  margin: 3rem 0;
}

@media screen and (max-width:700px) {
  .column {padding: 0 1rem;}
  .sm1 { width: 25%; }
  .sm2 { width: 50%; }
  .sm3 { width: 75%; }
  .sm4 { width:100%; }

  .smPush2 {margin-left: 50%;}
}

@media screen and (min-width:701px) and (max-width:999px) {
  .column {padding: 0 2rem;}
  .box > .container > .column {padding-left: 0;padding-right: 0;}
  .wrapper.min .container {padding: 0 !important;}
  .md1  {width:  8.3334%;}
  .md2  {width: 16.6667%;}
  .md3  {width: 25.0%;}
  .md4  {width: 33.3334%;}
  .md5  {width: 41.6667%;}
  .md6  {width: 50.0%;}
  .md7  {width: 58.3334%;}
  .md8  {width: 66.6667%;}
  .md9  {width: 75.0%;}
  .md10 {width: 83.3334%;}
  .md11 {width: 91.6667%;}
  .md12 {width:100%;}

  /*.push2 {margin-left: 16.6666666667%;}*/
}

@media screen and (min-width:1000px) {
  .lg1 {  width:  8.3334%; }
  .lg2 {  width: 16.6667%;  }
  .lg3 {  width: 25.0%;           }
  .lg4 {  width: 33.3334%;  }
  .lg5 {  width: 41.6667%;  }
  .lg6 {  width: 50.0%;           }
  .lg7 {  width: 58.3334%;  }
  .lg8 {  width: 66.6667%;  }
  .lg9 {  width: 75.0%;           }
  .lg10 { width: 83.3334%;  }
  .lg11 { width: 91.6667%;  }
  .lg12 { width:100%;             }

  .box.two .col {
    width: 50%;
  }


  .box.two .col:first-of-type {padding-right: 2rem;}
  .box.two .col:last-of-type {padding-left: 2rem;}

  .push2 {margin-left: 16.666666667%;}
  .lg12.push2 {margin-left: 0 !important;}

  .box.two .column { width: 100% !important }
  .box.two .push2 {margin-left: 0 !important;}
}

/***********************************************************************************/
/*  layout
/***********************************************************************************/

/*************** Background ***************/

.pageBG {
  position: fixed;
  top: 0rem;
  left: 0rem;
  margin: 0rem;
  display: block;

  width: 192rem;
  height: 192rem;
  z-index: -10;
  max-width: 192rem;
  min-width: 100%;
  min-height: 100%;
}

@media (orientation: landscape) {.pageBG {width: 100%; height: auto; top: 50%; margin-top: -50%;}}
@media (orientation: portrait) {.pageBG {height: 100%; width: auto; left: 50%; margin-left: -50%;}}

/*************** Search ***************/

.searchbar {
  max-height: 0;
  height: auto;
  position: relative;
  z-index: 20;

  -webkit-transition: max-height .3s ease-in-out;
  -moz-transition:    max-height .3s ease-in-out;
  -o-transition:      max-height .3s ease-in-out;
  transition:         max-height .3s ease-in-out;
}

.searchbar.active {
  max-height: 15rem;
}

.wrapper.searchResult {
  padding: 1.5rem 0 2rem !important;
}

.searchResultList {
  font-size: 1.8rem;
  line-height: 3rem;
  font-family: Arial, Helvetica, serif;
}

.searchbar .container .column {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

form.t3search,
form#form_kesearch_pi1 {
  position: relative;
  float: none;
}

.searchbar input#search_id,
.wrapper.searchResult input#ke_search_sword {
  display: block;
  border: 0;
  padding: 2rem;
  background-color: #fff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
}

.searchbar button#search_submit,
.wrapper.searchResult input#kesearch_submit {
  position: absolute;
  top: 0;
  right: 0;
  border: 0 !important;
  border-radius: 0;
  background-color: transparent !important;
  width: 15%;
  height: 6.4rem;
  display: block;
  padding: 0;
  cursor: pointer;
}

#tx_indexedsearch {
  width: 100%;
}

.tx-indexedsearch-searchbox-button {
  margin: 0 0 0 2rem !important;
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 3rem 1.5rem;
  font-size: 1.6rem;
}

.tx-indexedsearch-searchbox-sword {
  width: 70% !important;
}

.searchbar .tx-indexedsearch-searchbox-sword {
  width: 100% !important;
}

.tx-indexedsearch-browsebox li {
  list-style-type: none;
  padding: 0 1rem 0 0 !important;
}

@media (max-width: 530px) {
  .tx-indexedsearch-searchbox-sword {
    width: 50% !important;
  }
}


/*************** Mobile Navigation ***************/

.mobileNavBar {
  position: relative;
  display: block;
  background-color: #fff;
  height: 5.4rem;
  top: 0rem;
}

.mobileNavBar li {
  position: relative;
  list-style-type: none;
}

li.lang a {
  font-weight: bold;
}

.mobileTrigger {
  width: auto;
  cursor: pointer
}

.mobileTrigger p {
  font-size: 3rem;
  padding: 1.2rem;
}

.mLogo {
  position: absolute;
  width: auto;
  padding: 1.2rem 0 1.1rem;
  left: 50%;
  margin-left: -5.575rem;
}

.mLogo svg {
  width: 11.15rem;
  height: 2.815rem;
}

.mLangSearch {
  float: right;
}

.mLangSearch li.searchTrigger{
  padding: 1.7rem .6rem 1.6rem 1.6rem;
}

.mLangSearch li a  {
  display: block;
  padding: 1.6rem 0 1.6rem 1.6rem;
  line-height: 2.2rem
}

/* Off Canvas */

.quickNav ul li.mobile {
  display: block;
}

.quickNav .mobileTrigger {
  height: 5.8rem;
  width: 5.8rem;
  cursor: pointer;
}

.mobileNavWrapper {
  position: fixed;
  height: 100% !important;
  height: 100vh !important;
  max-width: 32rem;
  width: 85%;
  left: -50rem;
  top: 0;
  overflow: hidden;
  /*border-right: .2rem solid #004E8C;*/
  background-color: #fff;
  z-index: 15;

  -webkit-transition: left .2s ease-in-out;
  -moz-transition:    left .2s ease-in-out;
  -o-transition:      left .2s ease-in-out;
  transition:         left .2s ease-in-out;
}

.mobileNavCloser {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
  z-index: 13;
}

.mobileNavCloser.active {
  display: block;
}

.mobileNavWrapper.active {
  left: 0rem;
}

.mobileNavContainer {
  width: 115%;
  height: 100% !important;
  height: 100vh !important;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 2rem;
  line-height: 3rem;
}

.mobileNavContainer nav {
  width: 100%;
}

.closeWrapper {
  position: relative;
  height: 5.9rem;
  padding-top: .2rem !important;
  background-color: #ffffff;
  border-bottom: .5rem solid #88a933;
}

.closeTrigger {
  height: 5.8rem;
  width: 5.8rem;
  cursor: pointer;
}

.mQuickLinks,
.mFooter {
  padding: 3rem 1.9rem 4.9rem;
}

.mFooter address {
  padding: 0 0 2.7rem}

.mFooter ul {
  width: 100%;
}

.mQuickLinks li,
.mFooter li {
  padding: 0 !important;
  width: 89% !important;
  float: left !important;
}

.mQuickLinks li a:hover,
.mFooter li a:hover {
  text-decoration: underline !important;
}

.mQuickLinks li a,
.mFooter li a {
  color: #000 !important;
  font-size: 1.6rem;
  line-height: 2.7rem;
  padding: 0 !important;
  font-weight: normal !important;
}

.mBreadcrumb,
.mMainNav {
  padding: 0 1.9rem;
}

.mBreadcrumb {
  border: 0 !important;
}

.mBreadcrumb,
.mBreadcrumb a {
  font-size: 1.4rem;
}

.mBreadcrumb span,
.mBreadcrumb a {
  float: none;
  color: #88a933;
}

.mBreadcrumb a {
  font-weight: bold;
}

.mBreadcrumb a:hover {
  text-decoration: underline;
}

.mBreadcrumb div {
  width: 85%;
  padding: 1.1rem 0 !important;
}

.mBreadcrumb svg {
  position: relative;
  float: none;
  top: -0.1rem;
  width: .8rem;
  height: .8rem;
  margin-right: .4rem;
}

.mBreadcrumb svg .arrow {
  stroke: #88a933;
}

/* Drill Down Menu */

.drilldown {
  overflow: hidden;
}

.drilldown-sub {
  display: none;
}

.mMainNav {
  padding-bottom: 4rem;
}

.drilldown-root li {
  position: relative;
  width: 85% !important;
  padding: 0 !important;
  float: left !important;
  border-bottom: .2rem solid #eeeeee;
}

.drilldown-root li a {
  display: block;
  width: 96% !important;
  font-family: 'PT Serif', serif;
  font-size: 2rem !important;
  line-height: 3rem;
  font-weight: bold !important;
  color: #88a933 !important;
  padding: 1.5rem 0;
}

.drilldown-root li:first-child {
  border-top: .2rem solid #88a933;
}

.drilldown-root li:last-child {
  border-bottom: .2rem solid #88a933;
}

.drilldown-root li svg {
  position: absolute;
  top: 50%;
  right: 0rem;
  float: right;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: .2rem;
  margin-top: -.6rem;
}

.drilldown-root li svg .arrow {
  stroke: #88a933;
}

li.drilldown-back svg,
.closeTrigger svg {
  position: absolute;
  top: 2.4rem;
  right: none;
  left: 0;
  float: right;
  width: 1.2rem;
  height: 1.2rem;
  margin-left: .2rem;
  margin-top: 0 !important;
}

li.drilldown-back svg .arrow,
.closeTrigger svg .arrow {
  stroke: #000;
}

.closeTrigger svg {
  top: 1.9rem;
  left: 1.9rem;
}

.drilldown-root li.drilldown-back a {
  margin: 0 auto;
  font-size: 1.8rem !important;
  line-height: 1.8rem;
  text-align: center;
  color: #000 !important;
  padding: 2rem 0 2rem 2rem !important;
  width: auto !important;
  opacity: 0.5;
}

address {
  padding: 2.7rem 0;
  font-size: 1.6rem;
  font-style: normal;
  line-height: 2.7rem;
}

address span {
  font-weight: bold;
}

.mFooter {
  padding-bottom: 0rem;
}

@media screen and (max-width: 340px) {
  .mQuickLinks li {
    width: 85% !important;
  }
}


/*************** Desktop Navigation ***************/

.quickNav,
.mainNav,
.wrapper.footer .column {
  display: none;
}

.wrapper.footer .column.risk {
  display: block;
  padding-bottom: 2rem;
}

@media (min-width: 920px) {

  .mobileNavWrapper,
  .quickNav ul li.mobile {
    display: none;
  }

  .mobileNavBar {
    display: none;
  }

  /*************** sekundär ***************/

  .quickNav {
    position: relative;
    display: block;
    overflow-x: visible;

    z-index: 10;
  }

  .quickNav ul {

    width: 100%;
    display: block;
  }

  .quickNav ul li {
    padding: 2.1rem 0 2.3rem;
  }

  .quickNav ul li.searchTrigger {
    padding: 2.1rem 0 1.7rem;
  }

  .quickNav li {

    list-style-type: none;
    margin-right: 2.6rem;
  }

  .quickNav li.sub {
    padding-right: 2rem;
    margin-right: 1rem;
  }

	.quickNav li.lang,
  .quickNav li.langue,
 .quickNav li.searchTrigger {
    float: right;
  }

  .quickNav li:not(.step):first-child {
    margin-right: 0 !important;
  }

  .quickNav li a {
    color: #000;
  }

  .quickNav li a:hover {
    text-decoration: underline;
  }

  li.sub {
    position: relative;
    cursor: pointer;
    padding-left: 2rem !important;
  }

  .quickNav li.sub svg {
    position: relative;
    float: none;
    top: -.4rem;
    left: .2rem;
    width: .71rem;
    height: .71rem;

    -webkit-transition: transform 200ms;
    transition:         transform 200ms;
  }

  .quickNav .quickSub {
    position: absolute;
    top: 6rem;
    left: 0rem;
    display: none;
    width: 24rem;
    background-color: #88a933;
    padding: 1rem;
  }

  .quickNav li.sub:hover .quickSub {
    display: block;
  }

  .quickNav li.sub:hover {
    background-color: #88a933;
    color: #fff;
  }

  .quickNav li.sub:hover svg .arrow {
    stroke: #fff !important;
  }

  .quickNav .quickSub li {
    width: 100%;
    margin-right: 0;
    padding: .7rem 1rem !important;
  }

  .quickNav .quickSub li a {
    width: 100%;
    color: #fff;
  }

  .quickNav a.active,
  .quickNav li.active a {
    text-decoration: underline;
  }

  .quickNav .sub a.active {
    text-decoration: none;
    font-weight: bold;
  }

  .searchTrigger {
    cursor: pointer;
  }

  .searchTrigger svg {
    top: -0.2rem;
    position: relative;
  }

  /*************** haupt ***************/

  .mainNav {
    position: relative;
    display: block;
    background-color: white;
    overflow-x: visible;

    z-index: 9;
  }

  .mainNav a.logo {

    display: block;
    padding: 2.2rem 0 2.3rem;
  }

  .mainNav a.logo svg {
    width: 20.2rem;
    height: 5.1rem;
  }

  .mainNav nav > ul {
    float: right;
  }

  .mainNav nav > ul > li {

    position: relative;
    font-family: 'PT Serif', serif;
    font-size: 2rem;
    font-weight: 700;
    margin-left: 3.4rem;
    height: 10rem;
    padding-top: 4.2rem;
    cursor: pointer;
  }

  .mainNav nav > ul > li:hover,
  .mainNav nav > ul > li.active {
    color: #88a933;
  }

  .mainNav nav > ul > li ul {
    position: absolute;
    top: 10rem;
    left: -3.2rem;
    display: none;
    background-color: #fff;
    border-bottom: 2px #88a933 solid;
  }

  .mainNav nav > ul > li:last-child ul {
    right: -4rem !important;
    left: auto;
  }

  .mainNav nav > ul > li:hover ul {
    display: block;
    width: 32rem;
  }

  .mainNav nav > ul > li ul li a {
    display: block;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2rem;
    padding: 1.6rem 3.2rem;
  }

  .mainNav .subMenu li {
    width: 100%;
  }

  .mainNav nav > ul > li ul li a:hover {
    background: #88a933;
    color: #fff !important;
  }

  .mainNav nav > ul > li ul li a.active {
    font-weight: bold;
  }


/***********************************************************************************/
/*  Footer
/***********************************************************************************/

  .wrapper.footer {
    position: absolute;
    display: block;
    bottom: 0px;
  }

  .wrapper.footer .column {
    display: block;
  }

  .wrapper.footer footer {
    padding: 6rem 0 8rem;
  }

  .footerHeight {

    width: 100%;
  }

  footer > ul, footer div {

    margin: 5rem 0 5rem;
  }

  footer div ul {

  }

  footer address {

    width: 100%;
    padding: 0 !important;
  }

  footer ul li {
    list-style-type: none;
  }

  footer a, footer p, footer li {
    width: 100%;
    color: #000 !important;
    text-decoration: none;
    line-height: 2.7rem;
  }

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


  footer address span {
    color: #000 !important;
  }
}

/***********************************************************************************/
/*  Inhalt
/***********************************************************************************/

.box h2,
.box h3,
.box h4,
.box h5 {
  font-family: 'PT Serif', serif;
  font-weight: 700;
}

.box h2 {
  font-size: 3rem;
  line-height: 4rem;
  padding-bottom: 2.2rem;
  padding-top: 3rem;
}

.box h3 {
  font-size: 2.5rem;
  line-height: 3.5rem;
  padding-bottom: 3rem;
  padding-top: 3rem;
}

.box h4 {
  font-size: 2rem;
  line-height: 3rem;
  padding-bottom: 3.4rem;
  padding-top: 2rem;
}

.box h5 {
  font-size: 1.8rem;
  line-height: 2.4rem;
  padding-bottom: 1rem;
}

.box h5 {
  color: #88a933
}

.box p,
.box blockquote {
  line-height: 2.4rem;
  padding-bottom: 2.4rem;
}

.box section ul,
.box section ol,
.box section ul li,
.box section ol li,
.box .accordion ul,
.box .accordion ol,
.box .accordion ul li
.box .accordion ol li {
  width: 100%;
}

.box section ul,
.box section ol,
.box .accordion ul,
.box .accordion ol {
  padding-top: .6rem;
  padding-bottom: 1.2rem;
  padding-left: 5.2rem;
}

.box .accordionItem ul,
.box .accordionItem ol {
  padding-left: 6rem;
}

.box ul li,
.box ol li {
  width: 100%;
  line-height: 2.4rem;
  padding-bottom: 1.5rem;
  padding-left: .3rem;
}
.teaser ul li{
  padding-bottom: .5rem;
}
.box ul li > ul,
.box ul li > ol,
.box ol li > ul,
.box ol li > ol {
  padding-top: 2rem !important;
}

.box blockquote {
  font-style: italic;
  font-size: 2rem;
  line-height: 3rem;
  color: #666;
}

.box blockquote p:before {
  content: '” ';
  font-family: 'PT Serif', serif;
  color: #88a933;
  font-size: 6rem;
  font-weight: 700;
  line-height: 4.2rem;
  padding-top: -1rem;
  vertical-align: sub;
}

.box section {padding-bottom: 3.4rem}

.box a {
  color: #88a933;
  text-decoration: underline;
}

.box a:hover {
  text-decoration: none;
}

.box hr {
  height: .5rem;
  width: 32rem;
  background-color: #eee;
  border: 0;
  margin-top: 4.5rem;
  margin-bottom: 4.5rem;
  margin-left: calc(50% - 16rem);
}

.box sup, .box sub, .box em, .box strong, .box b, .box p a {float: none;}

.box sup {vertical-align: super;}
.box sub {vertical-align: sub;line-height: 1;}

.box .media {
  margin-top: 3.5rem;
  margin-bottom: 5.5rem;
}

.box .media.text {
  display: block;
  margin-top: -4.5rem;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.box.two section {padding-bottom: 2.3rem !important;}

.box h2:first-child,
.box h3:first-child,
.box h4:first-child,
.box section ul:first-child,
.box section ol:first-child,
.box .media:first-child,
.teaser:first-child,
.teaserRow:first-child {
  padding-top: 0rem;
  margin-top: 0rem;
}

.box h2:last-child,
.box h3:last-child,
.box h4:last-child,
.box p:last-child,
.box section:last-child,
.box section ul:last-child,
.box section ol:last-child,
.box .media:last-child,
.newsElement:last-child,
.teaserRow:last-child {
  padding-bottom: 0rem;
  margin-bottom: 0rem;
}

.button {
  position: relative;
  float: left;
  display: block;
  width: auto;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #a1c63c;
  border: none;
  border-bottom: .5rem solid #88a933;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  padding: 1.2rem 5.2rem 1.2rem 1.5rem;
  margin: .4rem 2rem 0 0;
  cursor: pointer;
}

.button svg {
  position: absolute;
  right: 1.7rem;
  top: 1.6rem;
  width: 1rem;
  height: 1rem;
}

.button svg .arrow { stroke: #fff; }

.button:hover,
.slick-arrow:hover {
  background-color: #88a933;
  border-bottom: .25rem solid #88a933;
  border-top: .25rem solid #88a933;
}

.newsElement .button {
  margin-top: 1.5rem;
}

@media (max-width: 919px) {
  .anchors {
    width: 100%;
    margin-top: 0 !important;
  }

  .anchors li {
    padding-left: 0 !important;
  }
}

/*************** HeaderHeadline ***************/

.stage h1 {
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 3.2rem;
  line-height: 4rem;
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}
.stage h3 {
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2.6rem;
  padding-bottom: 2rem;
}
/* .box h2, .box h3 {
 font-size: 2.5rem;
 line-height: 3rem;
 padding-bottom: 1rem;
 padding-top: 2rem;
} */

.stage h1:last-child {
  padding-bottom: 6.8rem;
}

#aktuell .stage h1 {
  font-size: 4rem !important;
  line-height: 5.5rem !important;
}

@media (min-width: 600px) {
  .stage h1 {
    font-size: 5.2rem;
    line-height: 6rem;
    padding-top: 9rem;
  }

  .stage h3 {
    font-size: 1.8rem;
    line-height: 3rem;
    padding-bottom: 5rem;
  }
}

/*************** IntroText ***************/

.divider {
  padding-top: 1.6rem;
  padding-bottom: 4rem;
}

.divider span {
  float: none;
  display: block;
  margin: 0 auto;
  height: .5rem;
  background-color: #eee;
}

.portrait {
  position: relative;
  overflow: hidden;
  margin-top: 1rem;
  padding-right: 2rem;
}

.portrait img {
  /* -webkit-border-radius:  50%;
  -moz-border-radius:     50%;
  border-radius:          50%; */
  float: right;
}

/*.portrait .mask {
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 50%;
  right: 50%;
  margin: calc(-50% - 10rem);
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  border: 10rem solid #ffffff;
  box-sizing: content-box;

  -webkit-border-radius:  50%;
  -moz-border-radius:     50%;
  border-radius:          50%;
}*/

.contact {
  margin-top: 2rem;
}

.contact .name {
  padding: 3rem 0;
}

.contact .info a {
  text-decoration: none;
}

.anchors li a {
  text-decoration: underline;
}

.contact .info a:hover {
  text-decoration: underline;
}

.anchors li a:hover {
  text-decoration: none;
}

.anchors {
  clear: both;
  margin-top: 0.6rem;
}

.anchors li {
  list-style-type: none;
  width: 100%;
  line-height: 1.8rem;
  padding-bottom: 1rem;
  font-size: 1.2rem;
}

.anchors li a {
  font-weight: bold;
  line-height: 1.6rem;
}



/*************** Media ***************/

.media.composing.half div:first-child {
  padding-right: 2rem;
}

.media.composing.half div:last-child {
  padding-left: 2rem;
}

.box.two .media.composing.half div {
  padding: 0 !important;
  width: 100% !important;
}

.box.two .media.composing.half {
  margin-bottom: 2.5rem;
}

.media.video {
  position: relative;
  margin: 3.5rem 0;
}

/**************** slider ****************/

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block;width: 100%;}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}

.media.slider {
  overflow: hidden;
}

.media.slider .sliderCaption {
  display: table;
  float: none;
  height: 6rem;
  background-color: #eee;
  border-bottom: .5rem solid #ddd;
}

.media.slider p {
  display: table-cell;
  vertical-align: middle;
  float: none;
  font-family: 'Open Sans', sans-serif;
  text-align: center;
  padding: 0 6rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

button.slick-arrow {
  position: absolute;
  bottom: 0rem;
  z-index: 10;
  width: 6rem;
  height: 6rem;
  border: 0;
  border-bottom: .5rem solid #88a933;
  background-color: #a1c63c;
  text-indent: -999rem;
  background-repeat: no-repeat;
  background-size: 1.5rem 2.2rem;
  background-position: center;
  cursor: pointer;
}

button.slick-prev {
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/icoArrowLeft_white.svg);
  left: 1rem;
}

button.slick-next {
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/icoArrowRight_white.svg);
  right: 1rem;
}

@media (min-width: 700px) {
  button.slick-prev {
    left: 2rem;
  }

  button.slick-next {
    right: 2rem;
  }
}


/**************** accordeon faq tabs ****************/

.accordionItem {
  padding: 0;
  max-height: 0px;
  height: auto;
  overflow: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  /* transition-delay: .05s; */
}

.accordionItem.active {
  max-height: 90rem !important;
  padding: 0 0 .5rem;
}

.box .accordionItem.active {
  max-height: 250rem !important;
}

.accordionItem .left p {
  font-size: 2.4rem;
  margin-top: 2rem;
}

.box .accordion h4 {
  cursor: pointer;
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 1.6rem;
  color: #88a933;
}

@media (min-width: 600px) {
  .accordionItem > * {
    padding-left: 4rem;
  }
}

/**************** Pluszeichen animiert ****************/

.box .accordionTrigger > span {
  width: 88%;
}

.box .accordionTrigger div {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  float: left;
  margin: .7rem 2.5rem 0 0
}

.box .accordionTrigger div span {
  position: absolute;
  display: block;
  height: .3rem;
  width: 1.2rem;
  top: .6rem;
  background-color: #88a933;

  -webkit-transform:  transform 200ms ease-in-out;
  -moz-transform:     transform 200ms ease-in-out;
  -ms-transform:      transform 200ms ease-in-out;
  transition:         transform 200ms ease-in-out;
}

.box .accordionTrigger div span:nth-child(2) {
  -webkit-transform:  rotate(90deg);
  -ms-transform:      rotate(90deg);
  transform:          rotate(90deg);
}

/*.pageMedia.wheel .column.right h3.active span:nth-child(2) {
  -webkit-transform:  rotate(180deg);
  -ms-transform:      rotate(180deg);
  transform:          rotate(180deg);
}*/



@media screen and (max-width: 320px) {
  .accordionItem.active {
    max-height: 90rem !important;
  }
}

@media screen and (min-width: 601px) {
  .accordionItem.active {
    max-height: 60rem !important;
  }
}

@media screen and (min-width:960px) {
  .box .accordion .accordionElement .right {
    float: right;
  }
}


@media (min-width: 701px) {
  .portrait {
    padding-right: 0;
  }
  .contact .name {
    padding: 2rem 0;
  }
}

@media (min-width: 1000px) {
  .contact {
    margin: 1rem 0;
  }

  .contact .name {
    padding: 2rem 0 0 1rem !important;
    min-height: 11.6rem;
  }

  .contact .info {
    padding: 2rem 0 0 .4rem;
  }
}

@media screen and (min-width:920px) and (max-width:999px) {
  .anchors {
    clear: both;
    margin-top: 0.6rem;
  }

  .noAnchor.push2 {
    margin-left: 16.6666666667%;
  }
}

/**************** content table styling ****************/

.box table * {
  float: none;
}

.box table {
  width: 100% !important;
  height: auto !important;
}

.box table {
  float: left;
  width: 100%;
  line-height: 2.4rem;
  margin-bottom: 4rem;
}

.box table tr:first-child {
  font-weight: bold;
  color: #88a933;
  border-bottom: .5rem solid #88a933;
}

.box table tr {
  width: 100%;
  padding: 2rem 0;
}

.box table td {
  font-family: Arial, Helvetica, sans-serif;
}

/**************** responsive table block ****************/

.box table,
.box thead,
.box tbody,
.box th,
.box td,
.box tr {
  display: block;
  overflow: hidden;
}

.box tbody tr:nth-of-type(1) {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.box td {
  vertical-align: top;
}

.box td,
.box th,
.box table strong {
  line-height: 2.4rem;
}


.box table tr td:first-child {
  border-bottom: 5px solid #88a933;
}

.box table td strong {
  display: block;
  font-size: 2rem;
  /*color: #88a933;*/
}

.box td, .box th {
 padding: 1.2rem .5rem 0.2rem;
}

.box td:before {
  content: attr(data-label);
  display: inline-block;
  font-weight: bold;
  padding-right: 1.5rem;
  font-family: Arial, Helvetica, sans-serif;
}

/*.box td strong:after {
  content: "   (" attr(data-caption) ")";
  display: inline-block;
  font-weight: bold;
  padding-left: .5rem;
  font-family: Arial, Helvetica, sans-serif;
}*/


@media screen and (min-width: 700px) {
  .box td.text-right {
    text-align: right;
  }

  .box td.text-center {
    text-align: center;
  }

  .box td,
  .box th {
    padding: 1.2rem .5rem 1.2rem;
  }

  .box table tr:nth-child(2n-1) {background-color: #eee;}
  .box table tr:first-child     {background-color: #fff;}

  .box table,
  .box table strong {
    font-size: 1.6rem !important;
  }

  .box table tr td:first-child {
    /*width: 30%;*/
  }

  .box table {
    display: table;
    width: 100%;
  }
  /*.box tbody tr:first-child {
    display: table-header-group;
  }*/
  .box tbody tr {
    position: static !important;
    top: auto !important;
    left: auto !important;
  }
  .box tbody {
    display: table-row-group;
  }

  .box tr {
    display: table-row;
  }

  .box th, td {
    display: table-cell !important;
    text-align: left;
  }

  .box table tr td:first-child {
    border-bottom: 0;
  }

  .box td:before,
  .box td strong:after {
    content: "";
    width: auto;
    height: 0;
    padding: 0  !important;
    display: none;
  }
}

/**************** Teaser ****************/

.teaser {
  padding-top: 7rem;
}

.teaser h3 {
  font-size: 2rem;
  line-height: 2.4rem;
  padding-bottom: 2.6rem;
}
.teaser ul {
  padding-left: 2rem;
  padding-bottom: 2rem;
}
.teaserRow {
  padding: 3.5rem 0;
}



@media (min-width: 880px) {
  .teaser.lg12 img,
  .teaser.lg12 h3,
  .teaser.lg12 p,
  .teaser.lg12 ul {
    width: 50%;
  }
  .teaser.lg12 .float_right{
    width: 50%;
    float: right;
  }

  .teaser.lg12 img {
    padding-right: 2rem !important;
  }

  .teaser.lg12 h3,
  .teaser.lg12 p {
    padding-left: 2rem;
  }

  .teaser.lg12 ul{
    padding-left: 4rem;
  }


  .teaser.lg12 a.button {
    margin-left: 2rem;
  }

  .teaser.lg12 h3 {
    padding-top: 0rem !important;
  }
}

@media (min-width: 701px) {
  .teaser.lg4.i1,
  .teaser.lg4.i2,
  .teaser.lg4.i3 {
    padding-top: 0rem;
  }
  .teaser.lg6.i1,
  .teaser.lg6.i2 {
    padding-top: 0rem;
  }
  .teaser {
    padding-top: 5rem;
  }
  .teaser.lg4.i1 {
    clear: left;
  }

  .teaserRow {
    padding: 2.5rem 0;
  }

  .teaserRow .teaser:nth-child(3n+1) {
    clear: left;
  }
}


/**************** Newslist ****************/

.newsElement {
  padding: 0 0 6rem 0;
}

.newsElement span {
  color: #666666;
}

.newsElement h4 {
  padding-top: .5rem !important;
  padding-bottom: 2.3rem !important;
}

.newsElement p {
  padding-bottom: 1.2rem !important;
}

.share {
  padding: 5rem 0 0;
}

.share img {
  margin-bottom: 1rem
}

@media (min-width: 1000px) {
  .share {
    padding: 0 0 0 2rem;
  }
}

/**************** linklist ****************/

.linkList {
  /*padding-top: 5rem;
  padding-bottom: 5rem;*/
}

.linkList ul {
  padding-left: 0 !important;
}

.linkList li {
  position: relative;
  list-style-type: none;
}

.linkList li a {
  font-weight: bold;
  text-decoration: none;
  width: 87%;
}
@media (max-width: 635px) {
  .linkList li a {
    width: 85%;
  }
}


.linkList li a:hover {
  text-decoration: underline;
}

.linkList li svg {
  position: relative;
  top: -.2rem;
  margin-right: 1.6rem;
}

.linkList h4 {
  padding-bottom: 1rem !important;
}

/**************** park ****************/

#mapCanvas {
  height: 58.7rem;
}

.mapJSON {
  display: none;
}

.parkTable td.parkName {
  position: relative;
  padding: 1.2rem .5rem 1.2rem 3.5rem;
  cursor: pointer;
  font-weight: bold;
  color: #88a933;
  text-decoration: underline;
}

.parkTable td.parkName:hover {
  text-decoration: none;
}

.parkTable td.parkName svg {
  position: absolute;
  left: .9rem;
  top: .8rem;
}

.risk p {
 font-size: 1.2rem;
 line-height: 2rem;
}

.parkName div {
  width: auto;
}

/**************** forms ****************/

.box .column form {
  font-size: 1.6rem;
  padding: 0 1rem;
}

.tx-indexedsearch-searchbox-sword,
.box .column form .input input,
.box .column form .input textarea,
.newsletter input:not(.button),
.newsletter select {
  height: auto;
  background-color: #eeeeee;
  width: 100%;
  border: none !important;
	padding: 1.5rem 2rem !important;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  line-height: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0;
}
.newsletter input.button {
	padding: 1.5rem 2rem !important;
	
}
.newsletter .subForm.newsteaser .form > div:first-child {
	padding-right:1.5rem;
}

.box .column form .input textarea {
  min-height: 27.5rem;
  padding-top: 2rem;
}

fieldset.form-group {
  width: 100%;
}

.box .column form .btn {
  position: relative;
  float: left;
  display: block;
  width: auto;
  color: #fff !important;
  text-decoration: none !important;
  border: none;
  background-color: #a1c63c;
  border-bottom: .5rem solid #88a933;
  /* font-family: 'PT Serif', serif; */
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.2rem 5.2rem 1.2rem 1.5rem;
  margin: 1.3rem 2rem 0 0;
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/arrow.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 3rem 1.5rem;
  cursor: pointer;
}

.box .column form .previous .btn {
  background-image: url(https://cdn.energiekontor.live/typo3conf/ext/content_provider/Resources/Public/img/prev_arrow.svg);
  background-position: center left;
  text-indent: 4rem;
  padding-right: 2rem;
}

.box .column form .btn:hover {
  background-color: #88a933;
  border-bottom: .25rem solid #88a933;
  border-top: .25rem solid #88a933;
}

.box .column form .control-label {
  display: none;
}

@media (min-width: 700px) {
  .box .column form {
    padding: 0 2rem;
  }
}

.box .column form legend {
  float: left;
  width: 100%;
  padding: 2.5rem 0 2rem;
  font-weight: bold;
  font-size: 2rem;
}

form .clearfix p {
  font-size: 1.4rem;
  color: #333;
}


form .col-md-8, form .col-lg-8 {
  width: 66.666666667%;
}

form .col-md-4, form .col-lg-4 {
  width: 32%;
}

form .col-xs-6,
form .col-sm-6,
form .col-md-6,
form .col-lg-6 {
  width: 50%
}

form .col-sm-9,
form .col-md-9,
form .col-lg-9 {
  width: 75%;
}

form .col-sm-3,
form .col-md-3,
form .col-lg-3 {
  width: 25%;
}


form .col-lg-9:first-child,
form .col-lg-3:first-child,
form .col-xs-6:first-child,
form .col-sm-6:first-child,
form .col-md-6:first-child,
form .col-lg-6:first-child,
form .col-md-8:first-child {
  padding-right: 1rem;
}

form .col-lg-9:last-child,
form .col-lg-3:last-child,
form .col-xs-6:last-child,
form .col-sm-6:last-child,
form .col-md-6:last-child,
form .col-lg-6:last-child,
form .col-md-4:last-child {
  padding-left: 1rem;
}

/* Checkbox (Datenschutz) */

.form-check {
  width:2.4rem;
  height:auto;
  margin-right:5px;
  margin-top:-2px;
}
.bgWhite form .input .form-check input{
  width:2rem;
}
.form-check span {
  display:none;
}
.checkbox .help-block, .help-block a {
  float:none;
}

/* spezielle Formulare */


.box #windparkmanagement-2804 h2 {
  padding-bottom: 2.2rem;
}
#windparkmanagement-2804 .clearfix p,
#windparkmanagement-2804 .help-block,
.form-group .help-block {
  font-size:1.6rem;
  padding-bottom:10px;
  float:none;
}
#windparkmanagement-2804 .help-block,
.form-group .help-block {
  padding:1rem;
}
select#windparkmanagement-2804-singleselect-1,
.form-group select {
  height: 5rem;
  background-color: #eeeeee;
  width: 100%;
  border: none !important;
  font-size: 1.4rem;
  margin-bottom: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-appearance: textfield;
  -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')
      !important;
    background-repeat: no-repeat, repeat !important;
    background-position: right .7em top 50%, 0 0 !important;
    background-size: .65em auto, 100% !important;
    border-radius: 0px;
    padding: 0em 0em 0em 2rem;

}
select#windparkmanagement-2804-singleselect-1::-ms-expand,
.form-group select::-ms-expand {
display: none;
}
@media screen and (min-width:700px) {
  select#windparkmanagement-2804-singleselect-1,
  div:not(.row) .form-group select {
    width:calc( 50% - 1rem );
  }
  #windparkmanagement-2804 .help-block,
  .form-group .help-block {
    margin-right:2rem;
  }
}

#freundewerbenFreunde {
    font-size: 1.6rem;
    padding: 0 1rem;
}

@media (max-width: 700px) {
  form .col-sm-12,
  form .col-sm-1 {
    width: 100% !important;
    padding: 0 !important;
  }
  form .col-sm-6 {
    width: 50% !important;
  }
  form .clearfix {
    position: relative;
    top: -2rem;
    width: 100%;
  }
}
@media (min-width: 700px) {
  #freundewerbenFreunde {
    padding: 0 2rem;
  }
}
@media screen and (min-width: 1000px) {
  #freundewerbenFreunde {
    margin-left: 16.666666667%;
    width: 66.6667%;
    float: left;
    padding: 0 2rem;
  }
}

/**************** newsletter subscribe ****************/

.newsletter h3.black {
  color: #000;
}

.newsletter p {
  font-family: 'Open Sans', sans-serif;
  margin-top: 2.4rem;
}

.newsletter h3 {
  margin-bottom: 2.7rem;
}

.subForm {
  position: relative;
  width: 100%;
}

.subForm form {
  width: 100%;
  padding: 0 !important;
}

.subForm form > div div:first-child {
  width: 25%;
}

.subForm form > div > div:nth-child(2) {
  clear: left;
  padding-right: .75rem;
}

.subForm form > div > div:nth-child(3) {
  padding-left: .75rem;
}

.subForm form > div > div:nth-child(2),
.subForm form > div > div:nth-child(3) {
  width: 50%;
}

.subForm form > div > div:nth-child(5) {
  width: 50%;
  margin-top: 3rem !important;
}

.subForm form > div > div:nth-child(6) {
  margin-top: .9rem !important;
}

.subForm form > div > div:nth-child(5) label a {
  float: none;
}

.subForm form > div > div:nth-child(5) label {
  display: block;
  padding: .5rem 0 .5rem 3.5rem;
  background: url(../img/checkPassive.svg);
  background-repeat: no-repeat !important;
  margin-left: -2.9rem;
}

.subForm form > div > div:nth-child(5) input[type="checkbox"] {
  display: block;
  width: 2rem !important;
  height: 2rem !important;
  /* margin: 3rem 0 0 1.2rem; */
  padding: 1rem !important;
  background-color: transparent !important;
}

.subForm form > div > div:nth-child(5) input[type="checkbox"]:checked + label {
  background: url(../img/checkActive.svg);
}

.newsletter form table tr td:first-child,
.newsletter form table tr td:first-child label {
  width: 0px !important;
  padding: 0px !important;
  display: none;
}

.newsletter table {
  margin-bottom: 0 !important;
}

.newsletter form table td,
.newsletter form table tr {
  text-align: left;
  padding: 0 !important;
}

.newsletter .subForm {
  width: 100%;
}

.newsletter .subForm tr:first-child td:last-child {
  width: 100% !important;
}

.newsletter input,
.newsletter select {
  width: 100%;
  border-radius: 0 !important;
  margin-bottom: 0 !important;
  -webkit-appearance: none;
}

.newsletter select {
  background-image: url(../img/arrowDownGreen.svg);
  background-repeat: no-repeat;
  background-position: right -7rem top 1.8rem;
  background-size: 19.23rem 1.23rem;
}

.newsletter select {
  width: 15%;
}

.subForm select.required option {
  content: 'Anrede' !important;
}

.newsletter td:before {
  content: none !important;
  display: inline-block;
  font-weight: bold;
  padding-right: 0 !important;
}

/*.newsletter form table tr:last-of-type {
  margin-top: -200px;
}*/

.newsletter .subForm h2 {
  color: #88a933 !important;
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.newsletter table img, .subForm form img {
  width: 4rem;
  height: 4rem;
}

.newsletter tr {
  box-sizing: inherit;
}

.newsletter tr,
.newsletter td {
  background-color: transparent !important;
  display: block;
  float: left;
  width: 100%;
}

.newsletter tr:nth-last-child(4) {
  padding: 2rem 1rem 2rem 0 !important;
}

.newsletter tr:nth-last-child(3) {
  padding: 2rem 0 2rem 1rem !important;
}

.newsletter tr:nth-last-child(3),
.newsletter tr:nth-last-child(4) {
  float: left;
  width: 50%;
}

.newsletter tr:nth-last-child(2) {
  width: 73%;
}

.newsletter .subForm form table button,
.newsletter .subForm button,
.newsletter .subForm input.button {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 23%;
  color: #fff !important;
  text-decoration: none !important;
  background-color: #a1c63c !important;
  border: none !important;
  border-bottom: .5rem solid #88a933 !important;
  font-family: 'PT Serif', serif;
  font-weight: 700;
  font-size: 1.6rem;
  padding: 1.2rem 5.2rem 1.3rem 1.5rem !important;
/*  margin: .4rem 2rem 0 0;
*/  cursor: pointer;
  border-radius: 0 !important;
  margin-top: 0 !important;
  text-align: left;

  background-image: url(../img/icoArrowRight_white.svg);
  background-repeat: no-repeat;
  background-size: 1.5rem 2.2rem;
  background-position: right 2rem center;
}

.newsletter .subForm form table button:hover,
.newsletter .subForm button:hover {
  background-color: #88a933 !important;
  border-bottom: .25rem solid #88a933 !important;
  border-top: .25rem solid #88a933 !important;
}

.newsletter button.jumper {
  position: relative;
  top: 0;
  left: 0;
  width: auto;
  right: none;
  cursor: pointer;
  margin: 1.5rem 0 -3rem;
}

div.newsletter label {
  display: none;
}
.newsletter .subForm input.button {
	width:auto;
	top:1.5rem;
	position:relative;
}
@media screen and (max-width:979px) {
  .newsletter .wrapper.overlay {
    position: relative !important;
    top: 0px;
    float: left;
  }
}
@media screen and (min-width:700px) {
	.newsletter .newsteaser div.form_button {
		position:relative;
} 
	.newsletter .subForm input.button {
		right:auto;
		left:1.5rem;
		top:0;
		bottom:auto;
		padding-left:3rem !important;
	}
}

@media screen and (max-width:699px) {
  .newsletter tr:nth-last-child(2) input {
    width: 100% !important;
    margin-bottom: 2rem !important;
  }

  .newsletter tr:nth-last-child(2) {
    width: 100%;
  }

  .newsletter select {
    width: 50%;
  }

  .newsletter tr:nth-last-child(5) {
    padding-right: 2rem !important;
  }

  .newsletter form table button {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    margin: 1rem 0 1rem !important;
  }

  .subForm form > div > div:nth-child(1) {
    width: 50% !important;
  }

  .subForm form > div > div:nth-child(2),
  .subForm form > div > div:nth-child(3) {
    width: 100% !important;
    padding: 0 !important;
  }

  .newsletter .subForm button {
    position: relative;
    margin-top: 2.5rem !important;
  }

  .subForm form > div > div:nth-child(5) {
    width: 100% !important;
  }
}

.error.help-block {
  font-weight: bold;
  color: red;
}

#c1387,
#c1391 {
  margin: 0 !important;
}

#c1387 .composing,
#c1391 .composing {
  margin: 0 !important;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.media.composing.half {
  margin-bottom: 4rem;
}

.media.composing.half:nth-child(2),
.media.composing.half:nth-child(3),
.media.composing.half:nth-child(4) {
  margin-top: 0
}

.cc-link {
  float: none !important;
}

@media screen and (max-width: 550px) {
  .vita > p > img {
    width: 100% !important;
  }
}

.gSpace {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

/***********************************************************************************/
/*  Lebenslauf
/***********************************************************************************/
.vita h2{padding-bottom: 3rem;}
.vita span{width: 100%; padding: .7rem 0;}

p.text-justify {
  text-align: justify;
}


/***********************************************************************************/
/*  Video
/***********************************************************************************/

video,
.pageMedia.tubes {
  width: 100%;
}
.mediaRow {
  padding-top:2.5rem;
  padding-bottom:2.5rem;
}
.column.evenPad {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.media-controls-container button.center {
  display: none !important;
}
.pageMedia.video .activation {
  background-color:#eee;
}
.pageMedia.tubes.active {
  padding-bottom:56%;
  position:relative;
}
.pageMedia .activation .inside-privacy {
  background-color: #fff;
  padding:2rem;
  margin:auto;
}

.pageMedia .responsive-video .privacy h3 {
  font-size:2rem;
  line-height:1.2;
}
.pageMedia .responsive-video .privacy p {
  font-size: 1.6rem;
  line-height:1.5;
}
.pageMedia .responsive-video .activation {
  padding:6rem 10%;
}
.pageMedia.tubes iframe {
  position:absolute;
  width: 100%;
  height: 100%;
}


/***********************************************************************************/
/*  Google Map
/***********************************************************************************/

#map_canvas {
  background: #e3e3e3 !important;
}

.acceptMe {
  position: relative;
  background: #fff;
  width: 50rem;
  height: 30rem;
  bottom: -12rem;
  margin-left: calc(50% - 25rem);
  margin-bottom: -30rem;
  opacity: 0;
  transition: all .7s ease-out;
}

.acceptMe h2 {
  font-size: 2.4rem;
  text-align: center;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}

.acceptMe p {
  font-size: 1.8rem;
  line-height: 2.7rem;
  padding: 0 2rem 2rem;
}

.acceptMe a {
  cursor: pointer;
  position: relative;
  font-size: 1.8rem;
  line-height: 2.7rem;
  color: #000;
  margin: 0 0 2rem 2rem;
  text-decoration: none;
  font-weight: bold;
  color: #88a933;
}

.acceptMe a:hover {
  text-decoration: underline;
}

.acceptMe button {
  cursor: pointer;
  font-family: 'urw-din-web',sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.5rem;
  color: #fff;
  background-color: #88a933 !important;
  width: 25rem;
  height: 5rem;
  margin: 0 25%;
  border: 0;
}

@media screen and (max-width:768px) {
  .acceptMe {
    bottom: 35rem;
  }
}
@media screen and (max-width:600px) {
  .acceptMe {
    width: 90vw;
    margin-left: calc(50% - 45vw);
  }
  .acceptMe button {
    margin: 0 calc(45vw - 12.5rem) !important;
  }
}
@media screen and (max-width:516px) {
  .acceptMe {
    width: 90vw;
    margin-left: calc(50% - 45vw);
    margin-bottom: -36rem;
    height: 36rem;
    bottom: 38rem !important;
  }
}
@media screen and (max-width:375px) {
  .acceptMe button {
    font-size: 1.6rem !important;
  }
}
@media screen and (max-width:360px) {
  .acceptMe {
    height: 41rem !important;
    bottom: 43rem !important;
    margin-bottom: -41rem !important;
  }
  #map_canvas {
    height: 45rem !important;
  }
}

/***********************************************************************************/
/*  Kontextmenu für Seitenbereiche
/***********************************************************************************/
.wrapper.contextmenu {
  margin:0;
  padding:0;
}

.wrapper.contextmenu + div {
  margin-top:0 !important;
}

.contextmenu ul {
  list-style-type:none;
  margin:0 auto;
  float:none;
  width: 100%;
  max-width: 100rem;
  padding: 0;
}
.contextmenu ul li a {
  background-color:#ddd;
  padding:2rem 1.5rem;
  margin: 0 .5rem;
  font-family: 'PT Serif', serif;
  font-size: 1.7rem;
  font-weight: 700;
}
/*
 .contextmenu ul li a:first-child {
		margin-left:0;
	} 
*/
.contextmenu ul li a.active,
.contextmenu ul li a:hover  {
  background-color: #fff;
  color: #88a933;
}
/*
	.contextmenu ul li:first-child {
 	float:right;
	}
	.contextmenu ul li:first-child a {
  	background-color:transparent;
  	padding-right:0;
	}
	.contextmenu ul li:first-child a:hover,
	.contextmenu ul li:first-child a.active {
   	background-color: transparent;
   	color:#fff;
 	}
 */

.halfGrid figure {
  margin: 0 !important;
}

.halfGrid.push2 figure {
  margin-bottom: 3.4rem !important;
}
/***********************************************************************************/
/* Störer
/***********************************************************************************/
.popup {
    background: #000;
    background: rgba(0,0,0,0.7);
    height: 100%;
    left: 0;
    line-height: 1.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
}
.popupContent {
    background: #fff;
    margin: 0 auto;
    max-width: 98%;
    overflow: auto;
    float:none;
    margin:auto;
    padding: 2rem;
    position: relative;
    top: 10%;
    width: 980px;
    z-index: 9998;
  }
  .popup .alignRight {
    text-align:right;
  }
  .popup button.floatright {
    cursor:pointer;
    float:right;
    padding-right:1.5rem;
  }
  .popup section {
    margin-top:2rem;
  }
@media screen and (min-width:701px) {
  .push { 
    margin-left: 8.33333%;
  }
  .popupContent {
    padding: 5rem;
  }
}

/***********************************************************************************/
/*  Shareholder information von EQS Unterseite Anlegerinformation
/***********************************************************************************/

.eqsInterface {
  padding-left:1rem;
  padding-right:1rem
}

@media screen and (min-width: 701px) {
  .eqsInterface {
    padding-left:2rem;
    padding-right:2rem
  }
}