html {
        height: 100%;
        width: 100%;
      }

      body {
        font-family: 'Open Sans', serif;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100%;
        -webkit-font-smoothing: antialiased;
        overflow: -moz-scrollbars-none;
        -ms-overflow-style: none;
      }

      
        @font-face {
          font-family: cerebri-sans_bold;
          src: url('assets/CerebriSans-Bold.eot'),
          		url('assets/CerebriSans-Bold.eot?#iefix') format('embedded-opentype'),
          		url('assets/CerebriSans-Bold.woff'),
          		url('assets/CerebriSans-Bold.ttf');
          	font-weight: normal; font-style: normal;
        }
        
        @font-face {
          font-family: cerebri-sans_book;
          src: url('assets/CerebriSans-Book.eot'),
          		url('assets/CerebriSans-Book.eot?#iefix') format('embedded-opentype'),
          		url('assets/CerebriSans-Book.woff'),
          		url('assets/CerebriSans-Book.ttf');
          	font-weight: normal; font-style: normal;
        }
        
        
        @font-face {
          font-family: helvetica-neue_condensed-bold;
          src: url(assets/helvetica-neue_condensed-bold.ttf);
        }
        

      .ipad-pro-129-1 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: pointer;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow: visible;
      width: 0;
      height: 0;
      left: 0px;
      top: 0px;
  
}

.ipad-pro-129-1 .rechteck-1648 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      cursor: pointer;
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 1);
      border-bottom-color: rgba(240, 153, 19, 1);
      border-bottom-style: solid;
      border-bottom-width: 15.00px;
      border-left-color: rgba(240, 153, 19, 1);
      border-left-style: solid;
      border-left-width: 15.00px;
      border-right-color: rgba(240, 153, 19, 1);
      border-right-style: solid;
      border-right-width: 15.00px;
      border-top-color: rgba(240, 153, 19, 1);
      border-top-style: solid;
      border-top-width: 15.00px;
      border-top-left-radius: 6.00px;
      border-top-right-radius: 6.00px;
      border-bottom-left-radius: 6.00px;
      border-bottom-right-radius: 6.00px;
      box-shadow: none;
      width: 580.00px;
      height: 618.00px;
      left: -2.00px;
      top: -1.00px;
  
}

.ipad-pro-129-1 .passwort-vergessen {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: right;
      line-height: 25.00px;
      letter-spacing: 0.00px;
      color: rgba(191, 190, 190, 1);
      -webkit-text-stroke: unset;
      font-size: 12.00px;
      font-weight: 100;
    font-style: normal;
      font-family: cerebri-sans_book, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 115.00px;
      height: 12.00px;
      left: 352.00px;
      top: 439.50px;
  
}

.ipad-pro-129-1 .gruppe-1693 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 328.00px;
      height: 48.00px;
      left: 139.00px;
      top: 380.00px;
  
}

.ipad-pro-129-1 .gruppe-1693 .rechteck-1655 {
    position: absolute;
      box-sizing: border-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 1);
      border-bottom-color: rgba(191, 190, 190, 1);
      border-bottom-style: solid;
      border-bottom-width: 1.00px;
      border-left-color: rgba(191, 190, 190, 1);
      border-left-style: solid;
      border-left-width: 1.00px;
      border-right-color: rgba(191, 190, 190, 1);
      border-right-style: solid;
      border-right-width: 1.00px;
      border-top-color: rgba(191, 190, 190, 1);
      border-top-style: solid;
      border-top-width: 1.00px;
      border-top-left-radius: 5.00px;
      border-top-right-radius: 5.00px;
      border-bottom-left-radius: 5.00px;
      border-bottom-right-radius: 5.00px;
      -webkit-filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.1607843137254902));
      filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.1607843137254902));
      width: 328.00px;
      height: 48.00px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1693 .xb5f14f1e {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: left;
      line-height: 25.00px;
      letter-spacing: 0.00px;
      color: rgba(191, 190, 190, 1);
      -webkit-text-stroke: unset;
      font-size: 15.00px;
      font-weight: 100;
    font-style: normal;
      font-family: cerebri-sans_book, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 145.00px;
      height: 15.00px;
      left: 15.00px;
      top: 12.00px;
  
}

.ipad-pro-129-1 .gruppe-1692 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 328.00px;
      height: 48.00px;
      left: 139.00px;
      top: 292.00px;
  
}

.ipad-pro-129-1 .gruppe-1692 .rechteck-1656 {
    position: absolute;
      box-sizing: border-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 1);
      border-bottom-color: rgba(191, 190, 190, 1);
      border-bottom-style: solid;
      border-bottom-width: 1.00px;
      border-left-color: rgba(191, 190, 190, 1);
      border-left-style: solid;
      border-left-width: 1.00px;
      border-right-color: rgba(191, 190, 190, 1);
      border-right-style: solid;
      border-right-width: 1.00px;
      border-top-color: rgba(191, 190, 190, 1);
      border-top-style: solid;
      border-top-width: 1.00px;
      border-top-left-radius: 5.00px;
      border-top-right-radius: 5.00px;
      border-bottom-left-radius: 5.00px;
      border-bottom-right-radius: 5.00px;
      -webkit-filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.1607843137254902));
      filter: drop-shadow(0px 3px 8px rgba(0, 0, 0, 0.1607843137254902));
      width: 328.00px;
      height: 48.00px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1692 .martin-mustermann {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: left;
      line-height: 25.00px;
      letter-spacing: 0.00px;
      color: rgba(105, 105, 105, 1);
      -webkit-text-stroke: unset;
      font-size: 15.00px;
      font-weight: 100;
    font-style: normal;
      font-family: cerebri-sans_book, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 129.00px;
      height: 15.00px;
      left: 15.00px;
      top: 12.00px;
  
}

.ipad-pro-129-1 .gruppe-1690 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 164.00px;
      height: 48.00px;
      left: 221.00px;
      top: 499.00px;
  
}

.ipad-pro-129-1 .gruppe-1690 .rechteck-1645 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(245, 140, 35, 1);
      border-bottom-color: rgba(255, 255, 255, 1);
      border-bottom-style: none;
      border-bottom-width: 2.00px;
      border-left-color: rgba(255, 255, 255, 1);
      border-left-style: none;
      border-left-width: 2.00px;
      border-right-color: rgba(255, 255, 255, 1);
      border-right-style: none;
      border-right-width: 2.00px;
      border-top-color: rgba(255, 255, 255, 1);
      border-top-style: none;
      border-top-width: 2.00px;
      border-top-left-radius: 5.00px;
      border-top-right-radius: 5.00px;
      border-bottom-left-radius: 5.00px;
      border-bottom-right-radius: 5.00px;
      -webkit-filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1607843137254902));
      filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.1607843137254902));
      width: 164.00px;
      height: 48.00px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1690 .anmelden {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: center;
      letter-spacing: 0.18px;
      color: rgba(255, 255, 255, 1);
      -webkit-text-stroke: unset;
      font-size: 18.00px;
      font-weight: 700;
    font-style: normal;
      font-family: Helvetica, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 88.00px;
      height: 18.00px;
      left: 38.00px;
      top: 15.00px;
  
}

.ipad-pro-129-1 .willkommen-in-ihremonline-kundencenter {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: left;
      line-height: 36.00px;
      letter-spacing: 0.00px;
      color: rgba(112, 112, 112, 1);
      -webkit-text-stroke: 1.00px rgba(0, 0, 0, 0);
      font-size: 28.00px;
      font-weight: 700;
    font-style: normal;
      font-family: helvetica-neue_bold, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 286.00px;
      height: 69.00px;
      left: 161.00px;
      top: 176.50px;
  
}

.ipad-pro-129-1 .gruppe-1691 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 275.93px;
      height: 44.32px;
      left: 54.00px;
      top: 49.09px;
  
}

.ipad-pro-129-1 .gruppe-1691 .gruppe-2 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      background-image: url("assets/gruppe-2.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 275.93px;
      height: 44.32px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1691 .gruppe-2 .gruppe-1694 {

        display: block;
        position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      overflow-x: unset;
        overflow-y: unset;
      background-color: transparent;
      width: 43.47px;
      height: 43.46px;
      left: 0.00px;
      top: 0.86px;
  
}

.ipad-pro-129-1 .gruppe-1691 .gruppe-2 .gruppe-1694 .pfad-358 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      fill: rgba(43, 46, 52, 1);
      box-shadow: none;
      width: 43.47px;
      height: 43.46px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1691 .gruppe-2 .pfad-359 {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      fill: transparent;
      box-shadow: none;
      width: 275.93px;
      height: 44.32px;
      left: 0.00px;
      top: 0.00px;
  
}

.ipad-pro-129-1 .gruppe-1691 .ihr-stadtwerk {
    position: absolute;
      box-sizing: content-box;
      -ms-transform: rotate(0.00deg);
    -webkit-transform: rotate(0.00deg);
    transform: rotate(0.00deg);
    -ms-transform-origin: center;
    -webkit-transform-origin: center;
    transform-origin: center;
      opacity: 1;
      
      margin-top: 0.00px;
      margin-right: 0.00px;
      margin-bottom: 0.00px;
      margin-left: 0.00px;
      padding-top: 0.00px;
      padding-right: 0.00px;
      padding-bottom: 0.00px;
      padding-left: 0.00px;
      background-color: rgba(255, 255, 255, 0);
      text-align: left;
      letter-spacing: 0.00px;
      color: rgba(240, 153, 19, 1);
      -webkit-text-stroke: 1.00px rgba(0, 0, 0, 0);
      font-size: 32.00px;
      font-weight: 700;
    font-style: normal;
      font-family: helvetica-neue_condensed-bold, Arial;
      box-shadow: none;
      overflow-x: unset;
        overflow-y: unset;
      white-space: pre;
      width: 174.00px;
      height: 38.00px;
      left: 58.00px;
      top: 2.91px;
  
}