.console{
    position: absolute;
    display: none;

    pointer-events: none;
}


*{
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    color: white;


}

body {
    /*
    background-color: transparent;

    -webkit-transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
            transform: perspective(1400px) matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
            */
}
*{
    -webkit-backface-visibility: hidden;
	-webkit-transform: scale(1);
}


/* TEXT Styles */
h1, p{
    width: 1250px;
    text-align: center;
    color: black;
    font-weight: normal;

}
h1 {
    /*font-family: 'Bangers', cursive;*/
    font-family: 'bangersregular';
    font-size: 110px;
    line-height: 120px;
    color: inherit;
}
h2, h3, h4{
    /*font-family: 'Chivo', sans-serif;
    font-weight: 900;*/

    font-family: 'chivoblack';

    font-size: 80px;
    line-height: 90px;
    text-transform: uppercase;
    color: inherit;
    text-align: center;
    -webkit-font-smoothing: antialiased;
}
h2 {

}
h3 {
    font-size: 60px;
    line-height: 70px;
    text-transform: none;
    text-align: left;
}
h4 {
    /*font-weight: 300;*/
    font-family: 'chivolight';
    font-weight: lighter;
    font-size: 60px;
    line-height: 70px;

    text-transform: none;
}
p, h5 {
    font-family: 'Frutiger-Light';
    font-size: 40px;
    line-height: 50px;

}

.bigger, strong{
    /*font-family: 'Chivo', sans-serif;
    font-weight: 900;*/
    font-family: 'chivoblack';
    display: inline;
    position: relative !important;
}
.intro{
    /*font-family: 'Chivo', sans-serif;
    font-weight: 700;*/
    font-family: 'chivobold';
    line-height: 50px;
}

.large{
    /*font-weight: 900;*/
    font-family: 'chivoblack';
    font-size: 110px;
    display: inline;
    position: relative !important;
}

.smaller{
    font-size:100px;
    line-height: 100px;
}


/* COLOURS */
.orange{
    color: #ffab0d; /* Orange */
}
.yellow{
  color: #ffcb05; /* Yellow */
}
.green {
    color: #2d7d2f; /* Green */
}
.blue {
    color: #0066aa; /* Blue */
}
.red {
    color: #d94020; /* Red */
}
.white{
    color: white;
}
.black{
    color:black;
}

/* SLIDES */
section {
    position: relative;
    width: 1913px;
    height: 1360px;

}
section *{
    position: absolute;
}

sub, br{
    position: relative;
}

#sk20{
    overflow: hidden;
    height: 1620px;
}
#_20Eisbaer_nachher {
    opacity: 0;
}

#sk21{
    height: 1430px;
}

.st0{
    fill:none;
    stroke:white;
    stroke-width:16;
    stroke-linecap:round;
    stroke-miterlimit:10;
    stroke-dasharray:40,40;
}


#sk22{
    height: 810px;
}
#_22Pfeil_links,
#_22Pfeil_rechts{
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}

#_22Pfeil_links:hover,
#_22Pfeil_rechts:hover {
    cursor: pointer;
    -webkit-transform: scale(.9);
            transform: scale(.9);
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
}


#sk23{
    overflow:hidden;
    height: 850px;
}

/* IF NOT IE EDGE ANIMATE SVG PATH */
#_25LinieGelbSVG,
#_25LinieBlauSVG {
  opacity: 1;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
}


/* ONLY IF IE EDGE ANIMATE SVG OPACITY */
@media all and (-ms-high-contrast:none) {
  #_25LinieGelbSVG,
  #_25LinieBlauSVG {
      opacity: 0;
      stroke-dashoffset: 0;
      stroke-dasharray: 2000;
  }
}
@supports ( -ms-ime-align:auto ) {
  #_25LinieGelbSVG,
  #_25LinieBlauSVG {
      opacity: 0;
      stroke-dashoffset: 0;
      stroke-dasharray: 2000;
  }
}


#sk24{
    height: 920px;
}
#_24meterNumbers, #_24Gleich, #_24NumbersHaushalte {
    font-size: 160px;
    line-height: 200px;
    letter-spacing: 14px;
    text-align: right;
    font-weight: normal; /* iOS letter-spacing bugfix */
}
#_24NumbersHaushalte{
    letter-spacing: normal;
    text-transform: none;
}


#sk25{
    height: 2183px;
}
#_25LinieGelbSVG {
    fill:none;
    stroke:#ffcb05;
    stroke-miterlimit:10;
    stroke-width:9px;
}
#_25LinieBlauSVG{
    fill:none;
    stroke:#1badfa;
    stroke-miterlimit:10;
    stroke-width:9px
}

#_25SteckerBlau,
#_25steckerGelb,
#_25hitze,
#_25Preis3,
#_25guy2 {
    opacity:0;
}

#_25p1{
    text-align: left;
}
#_25HL2,
#_25p2 {
    text-align: right;
}

#sk26-1{
    height: 851px;
}
#sk26-2{
    overflow: hidden;
    height: 1110px;
}
#_26SignBackHeat,
#_26SignBackTrafic{
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
          transform: rotate3d(0, 1, 0, -90deg);

}
#_26Solarpanel_an {
    opacity: 0;
}

#_26greenBar {
    background:#2d7d2f;
    width: 1550px;
    height: 100px;
}
#_26p {
    text-align: center;
}
#_26p span.bigger {
    font-size: 70px;
}


#sk27{
    height: 1590px;
}
#_27netzwerk > img,
#_27text {
    opacity: 0;
}



#sk28{
    height: 1606px;
}
#_28LichterketteAus{
    opacity: 1;
}
#_28F1Arm{
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
}
#_28F2Bein {
    -webkit-transform-origin: left top;
            transform-origin: left top;
}
#_28F3ArmL{
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
}

#sk29{
    overflow: hidden;
    height: 1462px;
}

#_29Linie_weiss_linksSVG .path,
#_29Linie_weiss_rechtsSVG .path{
    fill:none;
    stroke:#fff;
    stroke-linecap:round;
    stroke-miterlimit:10;
    stroke-width:3px;

    stroke-dasharray: 12;
    stroke-dashoffset: 12;
    opacity: 1;

}
#_29Geld1 {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
#_29Geld2 {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
}
#_29Geld3 {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}
#_29Geld4 {
    -webkit-transform: rotate(80deg);
            transform: rotate(80deg);
}
#_29HL{
    text-transform: none;
}
#_29SolarmodulAn{
    opacity: 0;
}

#sk30{
    height: 1366px;
}

#_30HL{
  font-size: 90px;
  line-height: 100px;
}


/* site general */
.ui-resizable-se {
  width: 10px;
  height: 10px;
  background: orange;
  position: absolute;
  bottom: 0;
  right: 0;
  display: none !important;
}
#container{

    font-family:Arial, sans-serif;
    color:#fff;
    position: relative;


    /*max-width: 960px;
    margin: 0 auto;
    */


}
.container{

    height:15797px;
    resize: both;
}
#page_content{

}
.page_content{
    left: 0px;
    top: 0px;

    transform-origin: top left;
    width:1913px;
    height:15797px;


    background-image: url("../img/skHinterGrund.jpg");
    background-repeat: no-repeat;
    background-position: left top;

    overflow: hidden;

    /*
    width:1913px;

    -webkit-transform-origin: top left;
    transform-origin: top left;

    -webkit-transition: all 500ms ease-in-out !important;
    transition: all 500ms ease-in-out !important;
    */
    position: absolute;
}