@media only screen and (min-width:768px){.archiv-menu .dropdown:hover .dropdown-menu{display:none}
}
@media only screen and (max-width:1200px){.new-infobox-text{font-size:small}
.new-infobox{width:100px}
#egon-embedded-ratecalc-results .result-item ul.nav.nav-tabs li a{margin-top:40px}
}
@media only screen and (max-width:1100px){.logo-container{padding-left:5% !important;padding-right:5% !important}
}
@media only screen and (max-width:780px){.new-infobox{visibility:hidden}
}
@media only screen and (max-width:980px){.new-infobox-icon{display:none}
.new-infobox-inner-text{text-align:center}
#egon-embedded-ratecalc-results .result-item ul.nav.nav-tabs li a{margin-top:0}
.nav-logo{position:fixed;top:70px;right:16px;padding:10px;box-shadow:6px 6px 5px rgba(0,0,0,0.6);background:#fff;scale:75%}
}
.dashboard-button{width:100%;height:auto;background-color:#74787D;color:white;font-family:Syncopate;text-transform:uppercase;font-weight:700;border-radius:2px;padding:10px;outline:none;border:none;margin-bottom:16px}
.dashboard-button:active{transform:scale(0.95);transition:0.2s}
.dashboard-button:hover{background-color:#56595d}
.logo-container{width:100%;height:80px;display:flex;flex-direction:row;padding-left:20%;padding-right:20%;margin-top:10px;justify-content:space-around}
.new-infobox-inner-text{text-align:left}
.new-header-dashboard{position:relative}
.new-header-logo{flex:1}
.new-infobox{width:180px;height:60px;display:flex;flex-direction:row;justify-content:space-around}
.new-infobox-text{flex:1;display:flex;flex-direction:column;margin:auto;margin-left:5px}
.archiv-details{position:fixed !important;left:calc(50% - 284px);top:120px;width:870px !important;display:none}
.archiv-menu .dropdown.open .archiv-details ul.dropdown-menu{display:block !important}
.archiv-menu .dropdown.open .archiv-details{display:block !important}
.archiv-menu{padding-left:0 !important}
.archiv-menu>li{list-style:none}
.archiv-menu>li>a{background-color:#ffffff;border:1px solid #74787d;display:block;margin-bottom:-1px;padding:0 15px;padding-left:50px;position:relative;border-radius:15px;height:43px;line-height:43px;color:#74787d;font-weight:bold;background-image:url('../../fileadmin/templates/page.de/img/newsletter_icon.png');background-repeat:no-repeat;background-position:8px 4px;background-color:#f3f5f3}
.archiv-menu .dropdown.open .col-md-9.archiv-details .dropdown-menu{border:none;box-shadow:none;padding:0;width:100%}
.archiv-menu .dropdown.open .col-md-9.archiv-details .dropdown-menu li{float:left;width:33.33333%;padding:0 15px 15px}
.archiv-menu .dropdown.open .col-md-9.archiv-details .dropdown-menu a{width:100%;background-color:#ffffff;border:2px solid #ec6608;display:block;margin-bottom:-1px;padding:0 15px;padding-left:50px;position:relative;border-radius:15px;height:43px;line-height:43px;color:#74787d;font-weight:bold;background-image:url('../../fileadmin/templates/page.de/img/newsletter_icon.png');background-repeat:no-repeat;background-position:8px 4px;background-color:#f3f5f3;float:left;display:block}
#newsletter-modal .modal-title img{width:calc(100%+30px);margin:-15px}
#newsletter-modal .modal-header button.close{position:absolute;right:15px;top:15px}
#newsletter-modal .news-list-item hr{border-style:solid;border-width:1px;border-color:#aaa;border-top-width:1px;border-bottom-width:0}
.news-list-container.newsticker .ticker-container .news-list-item h2{float:left}
.news-list-container.newsticker .ticker-container .news-list-item p{float:left;line-height:51px;padding:0 10px;font-size:16px;font-family:Syncopate;color:#f0f0f0}
.ticker-container .news-list-item small{color:#eee;font-family:Syncopate;line-height:50px}
#egon-embedded-orderoverview .list-group a.list-group-item span:first-child{font-size:16px;height:20px;width:20px;line-height:20px;display:inline-block}
.content-panel h2,.content-panel h3{display:block;font-family:Syncopate;font-size:16px;font-weight:700;height:42px;line-height:21px;margin-bottom:0 !important;margin-top:0 !important;text-transform:uppercase}
.content-panel h3{padding:15px 0;font-size:20px}
.content-container{padding-top:150px}
.content-panel i{font-size:54px}
.content-panel .fa{font-size:40px}
.content-panel h2,.content-panel h3,.content-panel h3 small{width:100%;display:block}
.content-panel h3 small{padding:10px 0;font-size:16px;font-family:"Trebuchet MS";text-transform:none}
.powermail_input,.powermail_textarea{background-color:#ffffff;background-image:none;border:1px solid #74787d;border-radius:15px;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;color:#333333;display:block;font-size:15px;height:43px;line-height:1.42857;padding:10px 18px;transition:border-color 0.15s ease-in-out 0s,box-shadow 0.15s ease-in-out 0s;width:100%;margin-bottom:15px}
.powermail_textarea{height:auto}
.powermail_input:focus,.powermail_textarea:focus{border-color:#ec6608;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(236,102,8,0.6);outline:0 none}
#newsletter-modal .powermail_form h3,#newsletter-modal .powermail_legend{display:none}
.powermail_submit{font-family:Syncopate;font-size:12px;font-weight:700;height:41px;line-height:41px;padding:0 10px;text-transform:uppercase;background-color:#ec6608;border:1px solid #ec6608;border-radius:15px;color:#ffffff;float:right}
.powermail_submit:hover{background-color:#333;border-color:#333}
.powermail_confirmation form.powermail_form input.powermail_confirmation_form{font-family:Syncopate;font-size:12px;font-weight:700;height:41px;line-height:41px;padding:0 10px;text-transform:uppercase;background-color:#333;border:1px solid #333;border-radius:15px;color:#ffffff;float:left}
.powermail_confirmation form.powermail_form input.powermail_confirmation_submit{font-family:Syncopate;font-size:12px;font-weight:700;height:41px;line-height:41px;padding:0 10px;text-transform:uppercase;background-color:#333;border:1px solid #333;border-radius:15px;color:#ffffff;float:right}
.powermail_confirmation{margin-bottom:60px}
.nav-logo img{
width:auto !important;max-height:100px;max-width:280px}
.page44 input,.page44 select{border:none !important;background:#fff !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none !important}
.page44 .input-group-addon{display:none}
.page44 .control-label{color:#333 !important;font-weight:normal}
.page44 .control-label sup{display:none}
.page44 .form-group{margin-bottom:0}
.navbar span,.navbar i{padding-right:5px}
.tx-egon-pi1 #egon-embedded-order-grid .warning td{background-color:#fff;color:#777}
.electric-slider .col-sm-3.col-xs-3 span{width:100%;display:block;text-align:center;height:46px;border-radius:15px;line-height:40px;border:2px solid #ddd;font-size:20px;background:#fff}
.electric-slider .col-sm-3.col-xs-3 span.skorange{background:#ddd}
.gas-slider .col-sm-3.col-xs-3 span{width:100%;display:block;text-align:center;height:60px;border-radius:15px;padding:5px 0;border:2px solid #ddd;font-size:14px;background:#fff}
.gas-slider .col-sm-3.col-xs-3 span i{font-size:28px;float:none;width:100%;text-align:center}
.gas-slider .col-sm-3.col-xs-3 span.skorange{background:#ddd}
#new-loader{animation-name:loadereffect;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear;padding:10px;border-radius:50%;overflow:visible;flex:1}
@keyframes loadereffect{0%{opacity:0}
25%{opacity:0.2}
50%{opacity:1}
75%{opacity:0.3}
100%{opacity:0}
}
.progress.progress-striped.active{display:none !important}
.new-loader-wrapper{display:flex !important;flex-direction:column;align-items:center;justify-content:center;min-height:100%}
.whitelabel .new-loader-wrapper{display:none !important}
.whitelabel .progress.progress-striped.active{display:block !important}