/*------------- WL-Settings ---------*/

/* Avenir fontface */  
@font-face {
    font-family: "AvenirLTPro-Book";
    src: url("/fileadmin/fonts/36AD90_1_0.eot");
    src: url("/fileadmin/fonts/36AD90_1_0.eot?#iefix") format("embedded-opentype"),
        url("/fileadmin/fonts/36AD90_1_0.woff2") format("woff2"), url("/fileadmin/fonts/36AD90_1_0.woff") format("woff"),
        url("/fileadmin/fonts/36AD90_1_0.ttf") format("truetype"),
        url("/fileadmin/fonts/36AD90_1_0.svg#wf") format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Roman";
    src: url("/fileadmin/fonts/av/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix");
    src: url("/fileadmin/fonts/av/57bf7902-79ee-4b31-a327-1bbf59a3d155.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/b290e775-e0f9-4980-914b-a4c32a5e3e36.woff2") format("woff2"),
        url("/fileadmin/fonts/av/4b978f72-bb48-46c3-909a-2a8cd2f8819c.woff") format("woff"),
        url("/fileadmin/fonts/av/9bdf0737-f98c-477a-9365-ffc41b9d1285.ttf") format("truetype"),
        url("/fileadmin/fonts/av/15281d0d-e3c2-46e1-94db-cb681e00bfaa.svg#15281d0d-e3c2-46e1-94db-cb681e00bfaa")
            format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Medium";
    src: url("/fileadmin/fonts/av/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix");
    src: url("/fileadmin/fonts/av/e0542193-b2e6-4273-bc45-39d4dfd3c15b.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/17b90ef5-b63f-457b-a981-503bb7afe3c0.woff2") format("woff2"),
        url("/fileadmin/fonts/av/c9aeeabd-dd65-491d-b4be-3e0db9ae47a0.woff") format("woff"),
        url("/fileadmin/fonts/av/25f994de-d13f-4a5d-a82b-bf925a1e054d.ttf") format("truetype"),
        url("/fileadmin/fonts/av/3604edbd-784e-4ca7-b978-18836469c62d.svg#3604edbd-784e-4ca7-b978-18836469c62d")
            format("svg");
}

@font-face {
    font-family: "AvenirLTPro-Black";
    src: url("/fileadmin/fonts/av/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix");
    src: url("/fileadmin/fonts/av/f55e4498-ad48-4577-93a0-c614de5cbbb8.eot?#iefix") format("eot"),
        url("/fileadmin/fonts/av/c78eb7af-a1c8-4892-974b-52379646fef4.woff2") format("woff2"),
        url("/fileadmin/fonts/av/75b36c58-2a02-4057-a537-09af0832ae46.woff") format("woff"),
        url("/fileadmin/fonts/av/b5c44a82-eeb8-41de-9c3f-a8db50b24b8a.ttf") format("truetype"),
        url("/fileadmin/fonts/av/93603a74-2be0-436c-83e1-68f9ef616eaf.svg#93603a74-2be0-436c-83e1-68f9ef616eaf")
            format("svg");
}   
	
body:not(.mobile) #login_footer {	margin-left: 50px;}
body.mobile #login_footer {	margin-left: 20px;}
body:not(.mobile) #login_legal { margin-left: 30px;}
body.mobile #login_legal { margin-left: 10px;}
#login_bottom {
	margin-top: 15px;
	font-family: "Verdana";
	font-size: 12px;
	font-weight: 400;
	letter-spacing: 0.3px;
	position: absolute;
	bottom: 20px;
	width: 99%;
	text-align: center;
 }
body.mobile #login_bottom {
 	position: absolute;
	bottom: 5px;
	font-size: 10px;
}
#login_contentcontainer #slogan {
	width: 100%;
	position: absolute;
	top: 35px;
	font-size: 30px;
	font-weight: 700;
	line-height: 32px;
	letter-spacing: 0;
	max-width: 1240px;
    text-align: right;
}
body:not(.mobile) #login_contentcontainer #slogan {
	color: #555;
}
@media screen and (max-width: 800px) {
    body:not(.mobile) #login_contentcontainer #slogan {
        display: none !important;
    }
}
body.mobile #login_contentcontainer #slogan {
	color: #bbb;
	margin-left: 80px;
	display: none;
}


body {
	font-family: "AvenirLTPro-Roman";
	font-size: 14px;
	font-weight: 400;
	background-color: #fcfcfc;
  	color: #4e4e4e;
  	height: 100%;
  	-webkit-font-smoothing: antialiased; 
}

body #login_contentcontainer {
	background: transparent url(/fileadmin/template/loginpage/market.eeg-energie.de/wl_eeg_background-login-redesign.jpg) no-repeat;
  
}
body #login_contentcontainer {
  background-size: cover;
  background-position: 50% 0%;
  height: 750px;
  margin: auto;
  max-width: 1280px;  }

@media screen and (max-height: 1100px) and (-webkit-min-device-pixel-ratio: 1.25) {
    body:not(.mobile) #login_contentcontainer {
        height: 550px !important;
		background-position: 50% 20%;
    }
}
body:not(.mobile) #login_header {
    /*position: absolute;*/
    /*right: 330px;*/
    /*top: 20px;*/
    background: transparent url('/fileadmin/template/loginpage/market.eeg-energie.de/wl_eeg_logo.svg') no-repeat;
    background-position: 30px, 30px;
    background-size: 120px;
    margin: auto;
    max-width: 1280px;
    height: 100px;}
	body.mobile #login_header {
    width: 100%;
    position: absolute;
    background: transparent url(/fileadmin/template/loginpage/market.eeg-energie.de/wl_eeg_logo.svg) no-repeat;
    background-size: 150px;
    background-color: white;
    background-position: 5px 5px;
    /* margin: 10px; */
    padding: 10px;
    height: 85px;
	}
	#mobMenu {display:none; }
    /*#header #logo, #header #breadcrumb, #header #navi {
      display: none; }*/
    #container {
    height: 100%;
    margin-bottom: 0;
    position: relative; }
	body.mobile #container {
    width: 100%;
	}
    #container:after {
      display: none; }
    body:not(.mobile) #contentcontainer {
    box-sizing: border-box;
    width: 472.5px;
    padding-top: 0;
    background-color: #fff;
    height: 100%;
	position: absolute;
	right: 0px;	}
	body.mobile  #contentcontainer {
	box-sizing: border-box;
    width: 90%;
    background-color: #fff;
    height: 200px;
    bottom: 15%;
    position: absolute;
    left: 5%;
	padding: 0px;
	}
    body:not(.mobile) #inhalt {
      max-width: 400px;
      min-width: 250px;
      transform: translate(0, 150px);
      width: 30%;
      margin: auto;  }
	@media screen and (max-height: 1100px) and (-webkit-min-device-pixel-ratio: 1.25) {
		body:not(.mobile) #inhalt {
			transform: translate(0, 80px);
		}
	}*/
	body:not(.mobile) #inhalt ::placeholder { 
		color: #ffffffb8;
	}
	body.mobile  #inhalt {
      width: 70%;
      margin-left: 18%;
	  margin-top: 5px;
	  position: absolute;
	  top: 15%;	  }
    .csc-header {
      visibility: visible; }
    .login_input {
      position: relative;
      margin-bottom: 18px; }
      .login_input label {
        font-size: 0;
        line-height: 1;
        position: absolute;
        top: 50%;
        transform: translate(0, -50%);
        right: 5px; }
        .login_input label[for=pass]:before {
          font-size: 26px;
          content: "\f023";
          color: #aaa;
          /*background-color: #fff;*/
           }
        .login_input label[for=user]:before {
          font-size: 22px;
          content: "\f007";
          color: #aaa;
          /*background-color: #fff;*/
           }
        body.mobile .login_input label[for=pass]:before, body.mobile .login_input label[for=user]:before {
        	color: #888;
        }
        
      .login_input input {
        box-sizing: border-box;
    width: 100%;
    font-size: 15px;
    line-height: 1.2em;
    border: 0;
	color:#fff;
    border-bottom: 2px solid #fff;
    padding: 15px 5px 5px 5px;
    font-family: "AvenirLTPro-Book", sans-serif;
    background: transparent;
    outline: 0 none;
    /* text-transform: uppercase; */
    letter-spacing: 1px; }
		body.mobile .login_input input {
		padding: 10px 5px;
		color: #444;
		}
		body.mobile .login_input input {
		border-bottom: 2px solid #fff;
        }
		body.login_button {
			text-align: center;
		}
		body.mobile .login_button {
			margin-top: 30px;
		}
		body.mobile .login_button input[type=submit] {
			/*IPhone Buttons verhindern - Joel*/
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
	input::placeholder{
		color: #ffffffb8;
	}

  #news-container {
    display: block;
    position: absolute;
    bottom: 100px;
    box-sizing: border-box;
	width: 50%;
    max-width: 600px;
    left: 27 %;
    background-color: rgba(120, 60, 60, 0.8);
    padding: 30px 30px 30px 60px; }
    #news-container h3, #news-container p {
      color: #fff; }
    #news-container h3 {
      text-transform: uppercase; }
     
      #news-container h3:before {
        font-size: 24px ! important;
        content: "\f129";
        border: 2px solid #fff;
        border-radius: 50%;
        display: inline-block;
        width: 25px;
        height: 25px;
        line-height: 25px;
        margin-left: -40px;
        margin-right: 10px;
        text-align: center; }
    #news-container p {
      line-height: 1.4em; }
    body:not(.mobile) #bottom {
    border-top: 0 none;
	position: absolute;
	bottom: -70px;
	right: 0px;	}
	body.mobile #bottom {
    border-top: 0 none;
	position: relative;
	bottom: 50px;
	}
	.mobile:not(body) #bottom {
		display:none;
	}
    body:not(.mobile) #bottom #footerpos p {
      background-color: #fff;
      box-sizing: border-box;
      width: 210px;
      padding-left: 10px;
      padding-right: 10px; 
      line-height: 1.2em;
      transform: translate(0, -80px);
      font-size: 14px;
      color: #aaa;
      white-space: nowrap;
      font-family: "AvenirLTPro-Book", sans-serif; }
	body.mobile #bottom #footerpos p {
      box-sizing: border-box;
      width: 90%;
      float: left;
      padding-left: 10%;
      padding-right: 0%;
      line-height: 1.2em;
      font-size: 10px;
      color: #aaa;
      white-space: nowrap;
      font-family: "AvenirLTPro-Book", sans-serif; }
    body:not(.mobile) #bottom #footerpos #gnav {
      box-sizing: border-box;
      width: 210px;
      float: left;
      padding-left: 10px;
      padding-right: 10px;
      transform: translate(0, -30px); }
	body.mobile #bottom #footerpos #gnav {
      box-sizing: border-box;
      width: 90%;
      float: left;
	  text-align: left;
	  padding: 0px;
      }
    body:not(.mobile) #bottom #footerpos #gnav ul li {
	font-family: "AvenirLTPro-Book", sans-serif;
	line-height: 1.2em;
	font-size: 14px; }
	body.mobile #bottom #footerpos #gnav ul li {
	font-family: "AvenirLTPro-Book", sans-serif;
	line-height: 1.2em;
	font-size: 10px;
	float:right}
  button, a.btn,
  input[type=submit],
  input[type=button] {
	background-color: transparent ! important;
    padding: 10px 20px;
    font-size: 16px; }
  input[type=text], .ui-jqgrid tr.ui-search-toolbar select, .ui-jqgrid tr.ui-search-toolbar select, .ui-jqgrid tr.ui-search-toolbar input:not([type=checkbox]), .ui-jqgrid tr.ui-search-toolbar input:not([type=checkbox]), .ui-jqgrid tr.jqgrow select, .ui-jqgrid tr.jqgrow select, .ui-jqgrid tr.jqgrow input:not([type=checkbox]), .ui-jqgrid tr.jqgrow input:not([type=checkbox]),
  input[type=password] {
    height: auto; }

.login_input label[for=user]:before {
	-webkit-mask-image: url("/fileadmin/images/gm/person_outline.svg");
    mask-image: url("/fileadmin/images/gm/person_outline.svg");
	display: inline-block;
    content: " ";
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
	background: #fff;
	margin-top: 5px;
}

.login_input label[for=pass]:before {
    -webkit-mask-image: url("/fileadmin/images/gm/lock.svg");
    mask-image: url("/fileadmin/images/gm/lock.svg");
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
	display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 24px;
	background: #fff;
	margin-top: 5px;
}
.login_input label[for=pass].pwViewer:before {
    -webkit-mask-image: url("/fileadmin/images/gm/remove_red_eye.svg");
    mask-image: url("/fileadmin/images/gm/lock.svg");
	-webkit-mask-size: 22px 22px;
	mask-size: 22px 22px;
	display: inline-block;
    content: " ";
    background-size: 22px 22px;
    height: 22px;
    width: 23px;
	background: #aaa;
	margin-top: 5px;
}

.copyright #address, .copyright #copyright {
	display: block;
}
body.mobile .copyright #copyright {
	display: inline;
	float:left
}
body.mobile .copyright #address {
	margin-top: 0px;
	display: inline;
	float:right; 
	text-align:right;
}

button:hover, a.btn:hover, a.btn:active, a.btn:focus, button:active, a.btn:active, button:focus, a.btn:focus, body
    input[type=submit]:hover, body
    input[type=submit]:active, body
    input[type=submit]:focus, body
    input[type=button]:hover, body
    input[type=button]:active, body
    input[type=button]:focus {
      border: 2px solid #444; }
body:not(.mobile) #inhalt input[type=submit]:hover, body
    input[type=submit]:active, body
    input[type=submit]:focus, body
    input[type=button]:hover, body
    input[type=button]:active, body
    input[type=button]:focus {
      border: 2px solid #5e5e5e; }
body.mobile #inhalt input[type=submit]:hover, body
    input[type=button]:hover {
      border: 2px solid #7d0007; }
button:hover, a.btn:hover, a.btn:active, a.btn:focus, button:active, a.btn:active, button:focus, a.btn:focus, body
    input[type=submit]:hover, body
    input[type=submit]:active, body
    input[type=submit]:focus, body
    input[type=button]:hover, body
    input[type=button]:active, body
    input[type=button]:focus {
      color: #444; }      
      
body:not(.mobile) #inhalt input[type=submit]:hover, body
    input[type=submit]:active, body
    input[type=submit]:focus, body
    input[type=button]:hover, body
    input[type=button]:active, body
    input[type=button]:focus {
      color: #5e5e5e; }  
body.mobile #inhalt input[type=submit]:hover, body
    input[type=button]:hover {
      color: #7d0007; }  
      button, a.btn, body
  input[type=submit], body
  input[type=button] {
    border: 2px solid #e13d36;
    padding: 4px 15px !important;
    margin-top: 20px; }
    body.mobile button, body.mobile a.btn, body.mobile
  input[type=submit], body.mobile
  input[type=button] {
    border: 2px solid #e13d36;
    padding: 4px 15px !important;
    margin-top: 15px; }
    button, a.btn, body
  input[type=submit], body
  input[type=button]{
    color: #e13d36; }
    body.mobile button, body.mobile a.btn, body.mobile
  input[type=submit], body.mobile
  input[type=button]{
    color: #e13d36; }

html { height: 100%; }
* {
  margin: 0;
  padding: 0; }
  
a, a:link, a:visited {
    color: #e13d36 ; }
a, a:link, a:visited {
  cursor: pointer;
  text-decoration: none; }
a:hover, a:active, a:focus, body
    a:link:hover, a:link:active, a:link:focus, body
    a:visited:hover, a:visited:active, a:visited:focus {
      color: #7d0007 ; }
	  
button, a.btn, a.btn:link, a.btn:visited, input[type=submit], input[type=button] {
  color: #a9a9a9 ;
  border: 2px solid #a9a9a9;
  background-color: #fff;
  padding: 1px 6px;
  text-transform: uppercase;
  font-family: "AvenirLTPro-Medium", sans-serif;
  transition: border-color 0.2s, color 0.2s;
  cursor: pointer; }
  
body.mobile  #header {
    background-color: #e13d36 ; }
#bottom #footerpos {
	margin-right: 20px;
	}

/*chrome fix */
:focus {outline:none !important;}
:active {outline:none !important;}
*{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
input:-webkit-autofill {
	-webkit-text-fill-color: #bbb !important;
	caret-color: #f5f5f5 ! important;
}
.hidden {
    display: none;
}

/* --- tingle-Modal --- */

.tingle-modal * {
    box-sizing: border-box;
}

.tingle-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: flex;
    visibility: hidden;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    background: rgba(160, 160, 160, 0.5);
    opacity: 0;
    user-select: none;
    cursor: pointer;
}

.tingle-modal--confirm .tingle-modal-box {
    text-align: center;
}

.tingle-modal--noOverlayClose {
    cursor: default;
}

.tingle-modal--noClose .tingle-modal__close {
    display: none;
}

.tingle-modal__close {
    position: fixed;
    top: 2.5rem;
    right: 2.5rem;
    z-index: 1000;
    padding: 0;
    width: 2rem;
    height: 2rem;
    border: none;
    background-color: transparent;
    color: #fff;
    cursor: pointer;
}

.tingle-modal__close svg * {
    fill: currentColor;
}

.tingle-modal__closeLabel {
    display: none;
}

.tingle-modal__close:hover {
    color: #fff;
}

.tingle-modal-box {
    position: relative;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: auto;
    max-width: 80%;
    border-radius: 3px;
    background: #fff;
    opacity: 1;
    cursor: auto;
    will-change: transform, opacity;
    box-shadow: 0px 0px 19px rgba(0, 0, 0, 0.5);
}

.tingle-modal-box__content {
    padding: 35px;
}

.tingle-modal-box__footer {
    padding: 0px 35px 35px 35px;
    width: auto;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    /*background-color: var(--colorGrey0);*/
    cursor: auto;
    float: right;
}

.tingle-modal-box__footer::after {
    display: table;
    clear: both;
    content: "";
}

.tingle-modal-box__footer--sticky {
    position: fixed;
    bottom: -200px; /* TODO : find a better way */
    z-index: 10001;
    opacity: 1;
    /*transition: bottom 0.3s ease-in-out 0.3s;*/
}

.modal-title {
    font-size: 20px;
    margin-bottom: 20px;
    font-family: "AvenirLTPro-Black", sans-serif;
}
.modal-subtitle {
    font-size: 16px;
    margin-bottom: 5px;
    font-family: "AvenirLTPro-Black", sans-serif;
}
.modal-subtitle {
    color: var(--bgcolor2);
}

.tingle-enabled {
    position: fixed;
    right: 0;
    left: 0;
    overflow: hidden;
}

.tingle-modal--visible .tingle-modal-box__footer {
    bottom: 0;
}

.tingle-enabled .tingle-content-wrapper {
    filter: blur(8px);
}

.tingle-modal--visible {
    visibility: visible;
    opacity: 1;
}

/*.tingle-modal--visible .tingle-modal-box {
    animation: scale 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
}*/

.tingle-modal--overflow {
    overflow-y: scroll;
    padding-top: 8vh;
    padding-bottom: 8vh;
}

.tingle-btn--pull-left {
    float: left;
}

.tingle-btn--pull-right {
    float: right;
}

.tingle-btn--secondary {
    background-color: var(--colorGrey0);
    color: var(--colorText);
    margin-right: 14px;
}

@media (max-width: 540px) {
    .tingle-modal {
        top: 0px;
        display: block;
        padding-top: 60px;
        width: 100%;
    }

    .tingle-modal-box {
        width: auto;
        border-radius: 0;
    }

    .tingle-modal-box__content {
        overflow-y: scroll;
    }

    .tingle-modal--noClose {
        top: 0;
    }

    .tingle-modal--noOverlayClose {
        padding-top: 0;
    }

    .tingle-modal-box__footer .tingle-btn {
        display: block;
        float: none;
        margin-bottom: 1rem;
        width: 100%;
    }

    .tingle-modal__close {
        top: 0;
        right: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 60px;
        border: none;
        background-color: #2c3e50;
        box-shadow: none;
        color: #fff;
    }

    .tingle-modal__closeLabel {
        display: inline-block;
        vertical-align: middle;
        font-size: 1.6rem;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
            "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }

    .tingle-modal__closeIcon {
        display: inline-block;
        margin-right: 0.8rem;
        width: 1.6rem;
        vertical-align: middle;
        font-size: 0; 
    }
	
}

.tingle-modal-box__content h4, .tingle-modal-box__content h5 {
	font-family: 'AvenirLTPro-Black';
	font-weight: normal;
}