@media all{
    *{
        /* Animation Property */
        animation-property: width;
        animation-property: height;
        animation-property: max-width;
        animation-property: max-height;
        animation-property: min-height;
        animation-property: display;
        animation-property: top;
        transition-duration: 0s;
        -ms-animation-property: width;
        -ms-animation-property: height;
        -ms-animation-property: max-width;
        -ms-animation-property: max-height;
        -ms-animation-property: min-height;
        -ms-animation-property: display;
        -ms-animation-property: top;
        -ms-transition-duration: 0s;
        -webkit-animation-property: width;
        -webkit-animation-property: height;
        -webkit-animation-property: max-width;
        -webkit-animation-property: max-height;
        -webkit-animation-property: min-height;
        -webkit-animation-property: display;
        -webkit-animation-property: top;
        -webkit-transition-duration: 0s;
        -moz-animation-property: width;
        -moz-animation-property: height;
        -moz-animation-property: max-width;
        -moz-animation-property: max-height;
        -moz-animation-property: min-height;
        -moz-animation-property: display;
        -moz-animation-property: top;
        -moz-transition-duration: 0s;
        -o-animation-property: width;
        -o-animation-property: height;
        -o-animation-property: max-width;
        -o-animation-property: max-height;
        -o-animation-property: min-height;
        -o-animation-property: display;
        -o-animation-property: top;
        -o-transition-duration: 0s;
    }
    .arrowBefore{
            animation-property: left;
            animation-property: opacity;
             transition-duration: 0.4s;
            -ms-animation-property: left;
            -ms-animation-property: opacity;
            -ms-transition-duration: 0.4s;
            -webkit-animation-property: left;
            -webkit-animation-property: opacity;
            -webkit-transition-duration: 0.4s;
            -moz-animation-property: left;
            -moz-animation-property: opacity;
            -moz-transition-duration: 0.4s;
            -o-animation-property: left;
            -o-animation-property: opacity;
            -o-transition-duration: 0.4s;
    }
    #slider .sliderText{
             animation-property: font-size;
             transition-duration: 0.4s;
            -ms-animation-property: font-size;
            -ms-transition-duration: 0.4s;
            -webkit-animation-property: font-size;
            -webkit-transition-duration: 0.4s;
            -moz-animation-property: font-size;
            -moz-transition-duration: 0.4s;
            -o-animation-property: font-size;
            -o-transition-duration: 0.4s;
    }
    .page565 .contact{
             transition-duration: 0s;
            -ms-transition-duration: 0s;
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -o-transition-duration: 0s;
    }
    .page565 .pin{
            animation-property: top;
            -ms-animation-property: top;
            -webkit-animation-property: top;
            -moz-animation-property: top;
            -o-animation-property: top;
             animation-property: left;
            -ms-animation-property: left;
            -webkit-animation-property: left;
            -moz-animation-property: left;
            -o-animation-property: left;
            animation-delay: 2s;
            -ms-animation-duration: 2s;
            -webkit-animationduration: 2s;
            -moz-animation-duration: 2s;
            -o-animation-duration: 2s;
             animation-delay: 2s;
            -ms-transition-duration: 2s;
            -webkit-transition-duration: 2s;
            -moz-transition-duration: 2s;
            -o-transition-duration: 2s;
    }
    header #slider .sliderSub,
    header #slider .sliderPic,
    header.areaMenu li,
    header.areaMenu .navbar-nav,
    #slider .actSlide .sliderText .sliderSubLink,
    .gme-1 *{
        transition-duration: 0s;
        -ms-transition-duration: 0s;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        -o-transition-duration: 0s;
    }
    #slider .actSlide .sliderText h5{
        /* Animation Property */
        animation-property: width;
        animation-property: height;
        animation-property: max-width;
        animation-property: max-height;
        animation-property: font-size;
        animation-property: display;
        animation-property: top;
        transition-duration: 0.4s;
        -ms-animation-property: width;
        -ms-animation-property: height;
        -ms-animation-property: max-width;
        -ms-animation-property: max-height;
        -ms-animation-property: font-size;
        -ms-animation-property: display;
        -ms-animation-property: top;
        -ms-transition-duration: 0.4s;
        -webkit-animation-property: width;
        -webkit-animation-property: height;
        -webkit-animation-property: max-width;
        -webkit-animation-property: max-height;
        -webkit-animation-property: font-size;
        -webkit-animation-property: display;
        -webkit-animation-property: top;
        -webkit-transition-duration: 0.4s;
        -moz-animation-property: width;
        -moz-animation-property: height;
        -moz-animation-property: max-width;
        -moz-animation-property: max-height;
        -moz-animation-property: font-size;
        -moz-animation-property: display;
        -moz-animation-property: top;
        -moz-transition-duration: 0.4s;
        -o-animation-property: width;
        -o-animation-property: height;
        -o-animation-property: max-width;
        -o-animation-property: max-height;
        -o-animation-property: font-size;
        -o-animation-property: display;
        -o-animation-property: top;
        -o-transition-duration: 0.4s;
    }
    header .sliderSub{
        animation-property: font-size;
        animation-property: background;
        transition-duration: 0.4s;
        -ms-animation-property: font-size;
        -ms-animation-property: background;
        -ms-transition-duration: 0.4s;
        -webkit-animation-property: font-size;
        -webkit-animation-property: background;
        -webkit-transition-duration: 0.4s;
        -moz-animation-property: font-size;
        -moz-animation-property: background;
        -moz-transition-duration: 0.4s;
        -o-animation-property: font-size;
        -o-animation-property: background;
        -o-transition-duration: 0.4s;
    }
}
@media all and (min-width: 1400px){
    .toTheTop {
        right:5%;
    }
}
@media (min-width: 1200px){
    .box p,.box li{
        font-size:1.3em;
    }
}
@media all and (max-width: 1199px){
	.fontMenuWrap {
		display:none;
	}
    #slider .actSlide .sliderText h5{
        font-size: 1.4em;
    }
    #slider .sliderSub{
        min-width: 310px;
    }
    .addressBox{
        display:none;
    }
    .toTheTop {
        display:none;
    }
    .subPic .contentSubText {
    	max-width: 57%;
	}
	.start .yellowBox .busPlan .radio {
        width: 36%;
    }
    .sub .table {
        font-size: 1.35em;
    }
    .sub .contentSubText .sub3Co ul li {
        font-size: 1.40em;
    }
    .powermail_form .powermail_radio{
    	margin-bottom:5px;
    }
   .start #c3083 .ce-bodytext .btn-primary,
   .start #c3084 .ce-bodytext .btn-primary,
   .start #c3085 .ce-bodytext .btn-primary {
       position: absolute;
   }
   .start #c3083 .ce-bodytext,
   .start #c3084 .ce-bodytext,
   .start #c3085 .ce-bodytext {
       min-height: 225px;
   }
}

@media all and (max-width: 1009px){
    .sub.sub_gruen .contentSubText {
        min-height: unset;
    }
    .tarif .tarifContainer ul{
        min-height: unset;
    }
    .tarif .col-lg-4 .tarifContainer h3 {
        padding-left: 67px;
    }
    .sub .contentSubText {
        min-height:unset;
    }
    .frameFPA{
        min-height: 700px;
    }
    .subPic #contentSub div.row > .item.contact {
    	min-height: unset;
	}
    .contactBox {
        margin-top: 2px;
    }
    .headerPic{
        display: none;
    }
    .sideMenu{
        display:none;
    }
    .topmenuCol #cssmenu{
        display:block;
    }
    .webapp .topmenuCol #cssmenu{
        display:none;
    }
    .webapp .topmenuCol #cssmenu_webapp{
        display:block;
    }
    .sub .contentBack {
        display:none;
    }
    .sub #contentSub .contentSubText {
        padding: 20px 10px 10px;
    }
    body.sub header div.headerGradient {
        height:0px;
        min-height:auto;
    }
    .headerTop .navbar-default select{
        display:block;
    }
    .headerTop .navbar-default ul{
        display:none;
    }
    .headerBottom .areaMenu .navbar{
        display:none;
    }
    .headerBottom .areaMenu ul li {
        width:auto;
    }
    .headerBottom .areaMenu ul li a {
        padding:11px 15px 13px;
    }
    .sub #contentSub div.row .item {
        position:unset !important;
    }
    .sub #contentSub .contentSubText{
        margin-top:0px;
        max-width:100%;
        margin-left:0;
        padding:20px 10px 50px;
        line-height:1.5;
    }
    .sub #contentSub>.container>.row{
        height:100% !important;
    }
    #slider .sliderSub {
        display:none;
    }
    #slider .actSlide .sliderSub {
        bottom: 0;
        display: block;
        position: absolute;
        right: 0;
        opacity:0.9;
    }
    #slider .arrowBefore {
        box-sizing: content-box;
        padding-top: 1px;
    }
    #slider .actSlide .arrowBefore{
        left:-41px;
    }
    .textmediaCustom h3{
        font-size:2.1em;
    }
    .body.page6 .headerPic {
        min-height:auto;
    }
    body.page6 .contentSubText {
        margin-top: 0px;
    }
    .start #c3083 .panel-collapse h3,
    .start #c3084 .panel-collapse h3,
    .start #c3085 .panel-collapse h3{
       padding-left: 15px;
    }
   .start #c3083 .ce-bodytext,
   .start #c3084 .ce-bodytext,
   .start #c3085 .ce-bodytext {
       min-height: 325px;
   }
   .start #c3083 .panel-collapse h3::before,
   .start #c3084 .panel-collapse h3::before,
   .start #c3085 .panel-collapse h3::before {
       display:none;
   }
    /*.headerBottom .breadRow div{
		padding-left:0px;
		padding-right:0px;
		position:relative;
		left:1px;
	}*/
	.sub .contentSubText {
		opacity:1;
	}
}
@media (min-width: 768px) {
    .breadcrumb {
      border-radius: 0px;
    }
    /* ACCORDION */
    #content .box .panel-collapse.collapse,
    #contentSub .box .panel-collapse.collapse {
      display: block;
      height: auto !important;
      overflow: visible;
    }
}
@media (max-width: 767px) {
   .start #c3253{
       margin-top:25px;
   }
   .start #c3083 .ce-bodytext,
   .start #c3084 .ce-bodytext,
   .start #c3085 .ce-bodytext {
       min-height: unset;
   }
    .start .startBox,
    .start .startBox .panel-group .panel-heading + .panel-collapse > .panel-body{
	   min-height:unset;
	   border:0px;
    }
   .start #c3083 .ce-bodytext .btn-primary,
   .start #c3084 .ce-bodytext .btn-primary,
   .start #c3085 .ce-bodytext .btn-primary {
       position: static;
   }
    .frameFPA{
        min-height: 800px;
    }
    .subPic #contentSub div.row > .item.contact {
        min-height: unset;
    }
    .headerBottom p.breadcrumb>a:nth-child(2){
        display:none;
    }
    .headerTop #indexedsearchbox {
        right: 10px;
    }
    .sub .headerBottom .breadcrumb .breadIcon {
        top: 2px;
    }
    .contactBox {
        margin-top: 10px;
    }
    .start .box .btn-primary{
        border:0px;
    }
    .sub .headerBottom .breadcrumb {
        font-size: 1.4em;
        padding: 8px 15px 1px 20px !important;
    }
    .blueBox {
        border-radius: 7px;
        -webkit-border-radius:7px;
        -o-border-radius:7px;
        -moz-border-radius:7px;
        -ms-border-radius:7px;
    }
    .bluebox .panel-heading, .box .panel-body{
        padding-top:20px;
    }
    .start .blueBox {
        min-height:unset;
    }
    .sub .contentBack {
        left: 0;
        right: 0;
    }
    .headerBottom .areaMenu ul li a{
        letter-spacing: -0.5px;
    }
    .footerMenuRight {
        border-top: 1px solid #fff;
        margin-top: 12px;
        padding-top: 15px;
    }
    footer ul,footer #c112,footer .iconWrap{
        padding-left: 10px;
    }
    /*.sideMenu{
        min-height:380px;
    }*/
    .textmediaCustom .ce-bodytext h3{
        display:none;
    }
    #content .csc-default,
    #contentSub .box.csc-default{
        margin-bottom: 10px;
    }
    .sub .contentBack {
        min-height: auto;
        padding-bottom:10px;
    }

    /****************** ÜBERSCHRIFTEN **************/
    .sub #contentSub h1 {
        font-size: 2.6em;
    }
    .sub #contentSub h2 {
        font-size: 2.2em;
    }
    .sub #contentSub h3 {
        font-size: 1.9em;
    }
    .sub #contentSub h4 {
        font-size: 1.7em;
    }
    .viernullvier .contentSubText {
        padding-left: 20px;
    }
    .viernullvier .contentSubText .container-fluid .row > div{
        padding-left:0px;
    }
    .viernullvier .headerPic .container-fluid .row>div:first-child{
        position:absolute;
        top:20%;
    }
    .viernullvier .headerPic .container-fluid .row>div:first-child{
        opacity:0.5;
    }
     .viernullvier .headerPic .container-fluid .row>div:first-child{
         font-size:3vw;
     }
    .viernullvier .headerPic #c213 p {
        font-size: 2em;
    }
}
@media screen and (max-width:640px){
    .headerGradient {
        min-height: 418px;
    }
    .sub .headerBottom .breadcrumb {
        font-size: 1.2em;
    }
    .start #switchAnz {
        top:12px;
        bottom: auto;
    }

    /************************* TARIFRECHNER ***********************/
    .powermail_form_2 .powermail_fieldwrap_text,
    .powermail_form_6 .powermail_fieldwrap_text {
        width:100%;
    }
    .powermail_form_2 #powermail_field_verbrauchinkwh,
    .powermail_form_6 #powermail_field_verbrauchinkwh{
        width:100%;
    }
    .powermail_form_2 .powermail_fieldwrap_6,
    .powermail_form_2 .powermail_fieldwrap_4,
    .powermail_form_6 .powermail_fieldwrap_43,
    .powermail_form_6 .powermail_fieldwrap_47{
        width:100%;
        margin-bottom:20px;
    }
    .powermail_form_2 .powermail_fieldwrap_10,
    .powermail_form_6 .powermail_fieldwrap_42{
        margin-bottom:6px;
    }
    .powermail_form_2 .powermail_fieldwrap_6,
    .powermail_form_6 .powermail_fieldwrap_43{
        margin-top:0px;
    }
    .powermail_form_2 .powermail_fieldwrap_5,
    .powermail_form_6 .powermail_fieldwrap_48{
        float: left;
        width: 66%;
    }
    .powermail_form_2 .powermail_fieldwrap_5 .powermail_label,
    .powermail_form_2 .powermail_form_6 .powermail_label{
        width: 62%;
    }
    .powermail_form_2 .powermail_fieldwrap_9 input,
    .powermail_form_6 .powermail_fieldwrap_9 input {
        width: 100%;
    }
    .powermail_form_2 .powermail_fieldwrap_5 #powermail_field_plz,
    .powermail_form_6 .powermail_fieldwrap_48 #powermail_field_plz{
        float: right;
        margin-right: 3%;
        width: 22%;
    }
    .powermail_form_2 .slider,
    .powermail_form_6 .slider {
        margin-left: 5%;
        width: 95%;
        z-index:100;
    }
    .powermail_form_2 .powermail_fieldwrap_13,
    .powermail_form_6 .powermail_fieldwrap_41{
        width: 100%;
    }
    .powermail_form_2 .powermail_fieldwrap_9, .powermail_form_6 .powermail_fieldwrap_51 {
        width: 100%;
    }
    /********************* SPERRMÜLLABHOLUNG **********************/

    .powermail_form_14 .powermail_fieldset_29 .powermail_fieldwrap {
        width: 100%;
        float: left;
    }

    /********************* ALTMETALLABHOLUNG **********************/

    .powermail_form_15 .powermail_fieldset_32,
    .powermail_form_15 .powermail_fieldset_34 {
      width: 100%;
      float: left;
    }
}
@media (min-width: 1200px) {

}
@media screen and (max-width:480px){
    .sub.page565 #innerWrapper .bootstrap-select {
    	width: 100%;
       max-width:unset;
       min-width:unset;
       float:none;
    }
    .frameFPA{
        min-height: 900px;
    }
    .page141 .contentSubText{
        padding:0;
    }
    .headerTop {
        height: 137px;
    }
    .headerTop #logo {
        float:none;
    }
    .headerGradient {
        top: 136px;
    }
    #logo img{
        max-width:200px;
        height:auto;
    }
    #cssmenu #menu-button {
        padding-left: 12px;
    }
    .start .yellowBox .busPlan .radio {
        width: 100%;
    }
    .start .yellowBox .busPlan .btn-primary {
        min-width:unset;
        max-width:60%;
    }
    .start .yellowBox .busPlan label {
        width: 25%;
    }
    .start .yellowBox .busPlan input,
    .start .yellowBox .wrapInp {
        width: 75%;
    }
    .start .yellowBox .busPlan .radio label input{
        width: auto;
    }
    .start .yellowBox .busPlan .radio {
        margin-top: 3px;
    }
    .start .yellowBox .busPlan .radio label{
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .start .yellowBox .busPlan .wrapInp .intInp input,
    .start .yellowBox .busPlan .date input,
    .start .yellowBox .busPlan .time .intInp{
        width: 100%;
    }
    .start .yellowBox .busPlan input.btn-primary{
        max-width:57%;
        padding-right:2%;
    }
    .start .yellowBox .busPlan input.erweitert{
        max-width:30%;
    }
    #slider .sliderSub {
        min-width: 86%;
        min-height:140px;
    }
    #slider .actSlide .sliderSub {
        padding-left: 10px;
    }
    #slider .actSlide .sliderText h5 {
        font-size: 1.6em;
    }
    .fontMenuWrap {
        display:none;
    }
    .switchAnz{
        display:none;
    }
    .powermail_form_2 .powermail_fieldwrap_5 #powermail_field_plz,
    .powermail_form_6 .powermail_fieldwrap_48 #powermail_field_plz {
        width: 46%;
    }
    .powermail_form_2 .powermail_fieldwrap_7,
    .powermail_form_2 .powermail_fieldwrap_5,
    .powermail_form_6 .powermail_fieldwrap_48,
    .powermail_form_6 .powermail_fieldwrap_49{
        width: 50%;
    }
    .powermail_form_6 #powermail_fieldwrap_47,
    .powermail_form_6 #powermail_fieldwrap_48{
        width:100%;
        margin-bottom:20px;
    }
    .powermail_form_6 #powermail_fieldwrap_48 #powermail_field_plz{
        max-width:unset;
        width:53%;
        margin-right:0px;
    }
    .powermail_form_2 .powermail_fieldwrap_5 .powermail_label,
    .powermail_form_6 .powermail_fieldwrap_48 .powermail_label {
        width: 47%;
    }
    .powermail_form_6 #powermail_fieldwrap_49{
        width:100%;
    }
    .sub .headerBottom .breadcrumb {
        font-size: 1.25em;
        padding: 8px 0px 1px;
 	 width: 110%;
 	 white-space: nowrap;
    }
    /****************** ÜBERSCHRIFTEN **************/
    .sub #contentSub h1 {
        font-size: 2.2em;
    }
    .sub #contentSub h2 {
        font-size: 2.0em;
    }
    .sub #contentSub h3 {
        font-size: 1.8em;
    }
    .sub #contentSub h4 {
        font-size: 1.6em;
    }
    #content h2.areaHead {
        font-size: 2.2em;
        padding-bottom:10px;
        margin-bottom:10px;
    }
    #content {
        padding-top: 10px;
    }
    /*#slider img {
        margin-left: -34%;
    }*/
    #cssmenu #menu-button {
    	height: 34px;
    }
    .headerTop .searchbox-sword{
    	margin-top:6px;
    }
    .viernullvier .headerPic .container-fluid{
        left: 10px;
        right: 10px;
    }
    .viernullvier .headerPic #c213{
        left: 20px;
        right: 20px;
    }
}
@media screen and (max-width:375px){
    .powermail_form_2 .powermail_fieldwrap_7 select,
    .powermail_form_6 .powermail_fieldwrap_7 select {
        float: right;
        margin-top: 44px;
        max-width: 134%;
        width: 200px;
    }
    .powermail_form_2 .powermail_fieldwrap_5 .powermail_label,
    .powermail_form_6 .powermail_fieldwrap_49 .powermail_label {
        margin-bottom: 13px;
        width: 100%;
    }
    .powermail_form_2 .powermail_fieldwrap_5 #powermail_field_plz,
    .powermail_form_6 .powermail_fieldwrap_48 #powermail_field_plz {
        max-width: 54%;
        width: 100px;
        float: left;
    }
}
@media screen and (max-width:320px){
     #cssmenu ul li a{
         padding-left:5%;
         font-size:1.3em;
     }

    .start .yellowBox .busPlan input.erweitert,
    .start .yellowBox .busPlan input.btn-primary {
        position:static;
        width:100%;
        max-width:unset;
    }
    .start .yellowBox .busPlan input.btn-primary{
        margin-bottom:10px;
    }
    .sub #contentSub h1 {
        font-size: 1.9em;
    }
    .sub #contentSub h2 {
        font-size: 1.7em;
        font-weight: bold;
    }
    .sub #contentSub h3 {
        font-size: 1.6em;
    }
    .sub #contentSub h4 {
        font-size: 1.5em;
    }
    .sub #contentSub h5 {
        font-size: 1.4em;
    }
    .start .yellowBox .busPlan input, .start .yellowBox .wrapInp {
        width: 65%;
    }
    .start .yellowBox .busPlan label {
        width: 35%;
    }
    .start .grayBox{
        min-height: 480px;
    }
    .start .iconLink {
        padding-left: 40%;
    }
    /*************** SLIDERGRÖSSE ANPASSEN ************/
    #slider {
        min-height: 280px;
    }
    #slider .innerSlider {
        height: 280px;
    }
    #slider img {
        height: 280px;
        max-height: 280px;
    }
}