@media only screen and (min-width : 1921px) {

  .team-member {
    width: 20%;
  }

  .positions-wrapper .position-holder {
    width:20%;
  }

}

@media only screen and (max-width : 1700px) {

  .address-holder {
    width: 240px;
  }

  .address-container .position-holder {
    width: 225px !important;
  }

  body.page-template-dekarbonisierung .tip-img {
    width: 200px;
    height: 200px;
    background-size:200px;
  }

}

@media only screen and (max-width : 1580px) {

  body.page-template-angebote .trio .tips{
    width: 50%;
    padding-top: 60px;
    padding-bottom: 70px;
  }

  body.page-template-angebote .trio .tips:nth-child(odd){
    padding-right: 30px;
  }

  body.page-template-angebote .trio .tips:nth-child(even){
    padding-left: 30px;
  }

  body.page-template-angebote .more-offers .trio .tips{
    margin: 0 0;
  }

  .team-member {
    width: 33%;
  }

  .positions-wrapper .position-holder {
    width:33%;
  }

  nav {
    font-size:17px;
  }

  .nav-wrapper ul li {
      margin-top:4px;
  }

  .address-holder {
      width: 215px;
  }

  .footer-wrapper {
    width: 85%;
  }

  .home .news-post {
    padding-left: 45px;
    padding-right: 45px;
  }

  .home .news-post a {
    width: 85%;
  }

  nav .nav-wrapper p.slogan {
    font-size:18px;
  }

  nav .nav-wrapper li a {
      font-size:18px;
  }


  nav .nav-wrapper a.blog-btn {
      font-size:13px;
  }

  .home .news-post a {
      font-size:20px;
      padding-top:16px;
  }

}

@media only screen and (max-width : 1330px) {

  .page-template-energiemangellage .wespi .tip-head .content-flex > div:last-of-type{
    min-width: 350px;
  }

  .page-template-energiemangellage .wespi .tip-head .content-flex > div:first-of-type{
    padding-right: 60px;
  }

  .right-half:not(.tip-head) p{
    margin-bottom:  0px;
  }

  .page-template-angebot-single .right-half:not(.tip-head) p{
    margin-bottom:  15px;
  }

  .left-col-links{
    margin-bottom:  0px;
  }

  .left-half{
    margin-bottom: 60px;
  }

  .right-half{
    margin-bottom: 60px;
  }

  .right-half > .read-more-fact-container > .read-more-fact{
    height:  auto;
  }

  .description-container{
    padding-bottom:  0px;
  }

  .blog-wrapper {
    width: 1169px;
  }

  .blog-wrapper-single {
    width: 680px;
  }

  .blog-wrapper h2 {
    font-size: 26px;
  }

  .blog-wrapper h3 {
    font-size: 26px;
  }

  .blog-wrapper .blog-post h3 {
    font-size: 20px;
  }

  .blog-wrapper .blog-post h1 {
    font-size: 20px;
  }

  .nav-wrapper ul li a {
      font-size:15px;
  }

  nav .nav-wrapper p.slogan {
      font-size: 15px !important;
      width:200px;
  }

  nav button.kontakt-btn {
    margin-right: 25px;
  }

  html:lang(fr-FR) p.slogan{
  width:200px;
  }

  .kontakt-btn, .blog-btn {
      margin-right: 15px;
  }

  .projekt-two {
      margin-right: 75px;
  }

  .refer-projekt:nth-child(2n+1) .refer-projekt-con .projekt-one {
      margin-right: 75px;
  }

}


@media only screen and (max-width : 1200px) {

  .page-template-energiemangellage .wespi .tip-head .content-flex{
    display: block;
  }

  .page-template-energiemangellage .wespi .tip-head .content-flex > div:last-of-type{
    min-width: unset;
    max-width:  100%;
    width: 410px;
  }

  .page-template-energiemangellage .wespi .tip-head .content-flex > div:first-of-type{
    padding-right: 0px;
  }

  .search-content{
    padding-left: 15px;
    padding-right: 15px;
  }

  .search-results h2 {
    font-size:22px;
  }

  .team-member {
    width: 50%;
  }

  .positions-wrapper .position-holder {
    width:50%;
  }

  .blog-wrapper {
    width: 100%;
    width: calc(100% - 60px);
    max-width:680px;
  }

  .blog-wrapper hr.big {
    display:none;
  }

  .page-template-dekarbonisierung .double .tips-wrapper,
  .double .tips-wrapper, 
  body.page-template-angebote .duo.tips-wrapper, 
  body.page-template-angebote .trio.tips-wrapper, 
  body.page-template-angebote .solo.tips-wrapper{
    display: block;
  }

  .page-template-dekarbonisierung .double .tips:first-child{
    padding-bottom: 30px;
  }

  .page-template-dekarbonisierung .double .tips:last-child{
    padding-top: 30px;
  }

  body.page-template-angebote .duo.tips-wrapper{
    display: block;
  }

  body.page-template-angebote .trio .tips,
  .page-template-dekarbonisierung .double .tips:first-child, 
  .page-template-dekarbonisierung .double .tips:last-child, 
  .double .tips:first-child,
  .double .tips:last-child, 
  body.page-template-angebote .duo .tips:first-child, 
  body.page-template-angebote .duo .tips:last-child{
    display: block;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }


  .double .tips, 
  body.page-template-angebote .duo .tips, 
  body.page-template-angebote .trio .tips,
  body.page-template-angebote .trio .tips:nth-child(odd),
  body.page-template-angebote .trio .tips:nth-child(even){
    padding: 60px 0px 70px;
  }

  body.page-template-angebote .solo .tips {
    width: 100%;
  }

}

@media only screen and (max-width : 1070px) {

  .map-container{
    display: block;
  }

  .map-container h1{
    padding: 0 8%;
  }

}

@media only screen and (max-width : 992px) {

  body {
    font-size: 15px;
  }

  nav {
    font-size: 17px;
  }

  footer {
    font-size: 12px;
  }

  h1 {
    font-size: 20px;
  }

  h2 {
    font-size: 17px;
  }

  h3 {
    font-size: 15px;
  }

  .excerpt {
      white-space: normal;
  }

  .search-results h2 {
    font-size:17px;
  }

  .tips, .diens {
    padding: 60px 0px 70px;
    width: 85%;
  }

  .page-template-dekarbonisierung .double .tips-wrapper, 
  body.page-template-angebote .double .tips-wrapper, 
  body.page-template-angebote .duo.tips-wrapper,
  body.page-template-angebote .trio.tips-wrapper,
  body.page-template-angebote .solo.tips-wrapper{
    width: 85%;
  }

  .tips-main-container video {
    margin-top: -100px;
    padding-top: 60px;
  }

  .spalten-wrapper .tips:first-child{
    padding:  0;
  }

  .home .diens {
    padding: 60px 0px 140px;
  }

  .diens p {
      font-size: 24px;
      line-height: 30px;
      font-weight: 500;
      margin: 0;
  }

  .tip-head h2, .tip-head h2.section-heading {
      font-size:24px;
  }

  .tip-head h2.section-heading{
    margin-bottom:  0px;
  }

  .left-half h2 {
      font-size: 20px;
  }

  .left-half h1 {
    font-size: 24px;
  }

  .p-link {
      font-size: 18px !important;
  }

  .right-half > .read-more-fact-container > .read-more-fact {
      height: auto;
  }

  .right-half p {

      margin-bottom: 20px;
  }

  .rahmen-main-container {
    width:  85%;
  }

  .rahmen-slides-container {
      width: 100%;
  }

  .rahmen {
      margin-left: auto;
      margin-right:auto;
  }

  .right-half > .read-more-fact-container {
      margin-bottom: 0;
  }

  .kontakt-info1-cont #menu-footer-menu li {
      font-size: 20px;
  }

  .kontakt2 h2 {
      font-size: 20px;
      margin-bottom: 15px;
  }

  .kontakt-forms-container h2 {
      font-size: 20px;
      margin-bottom: 15px;
      margin-top:35px;
  }

  .message-container {
      margin-bottom: 80px;
  }

  .footer-logo {
    width:100%;
  }

  .angebot-main-container {
      width: 85%;
      padding-bottom:20px;
  }


  .vorgehen-main-container {
      width: 85%;
  }

  .angebot-wrapper {
    flex-direction: column;
    margin:25px auto 0;
  }

  .right-half {
    margin-top:50px;
  }

  a.link-back {
      position: absolute;
      left: 6%;
      top: 75px;
      z-index:999;
  }

  .refer-projekt:nth-child(2n+1) .refer-projekt-con .projekt-one {
      margin-left: 0;
      margin-right: 0;
  }

  .projekt-one img, .projekt-two img {
      max-height: 420px;
      width:auto;
  }

  .ref-sp {
      width: 85%;
      align-self: flex-start;
  }

  .ref-rgt-hf, .ref-lft-hf {
      width: 100%;
      max-width:600px;
      margin-left:0;
      margin-right:0;
  }

  .img-con {
      height: 420px;
      width: 320px;
      background-image: url(/act/wp-content/themes/act/img/img-smpl2.jpg);
      background-size: cover;
      background-position: center;
      margin-top: 50px;
      background-repeat: no-repeat;
      margin-bottom:50px;
  }

  .ref-rgt-hf img {
      width: 320px;
      height: auto;
      margin-bottom: 40px;
  }

  .project1, .project2 {
    width:85%;
  }

  .uberuns-wrapper, .uberuns2-wrapper {
      width: 85%;
      padding-top:0;
  }

  .position-holder:nth-of-type(3n){
    margin-right:  0;
  }


  p.uber-head2 {
      margin: auto;
      margin-bottom: 60px;
      margin-top: 0;
      width: 100%;
      font-size: 24px;
      line-height: 30px;
      padding: 60px 8% 70px;
  }

  p.uber-head2.small {
      font-size: 20px;
      line-height: 1.42857143;
      padding: 0 8%;
  }

  ul li.uber-head2.small p {
      font-size: 20px;
      line-height: 1.42857143;
  }

  .map-container h1 {
      font-size: 24px;
  }

  .projekt-container {
      flex-direction:column;
      margin-left:0;
      width:100%;
  }

  .refer-projekt:nth-child(2n) .refer-projekt-con {
      flex-direction: column-reverse;
      margin-left:0;
  }

  .refer-projekt:nth-child(2n+1) .refer-projekt-con {
      margin-left: 0;
  }

  .projekt-one, .project-two {
      width: 100%;
      max-width:600px;
      margin-right: 0;
      padding-bottom:20px;
  }

  .projekt-one img, .projekt-two img {
      width: 320px;
      height:auto;
      max-width:100%;
  }

  .refer-projekt:first-of-type {
      padding-top: 60px;
  }

  .projekt1 {
    width:85%;
  }

  .refer-project {
    padding-bottom:20px;
  }


  p.uber-head {
      margin: auto;
      margin-bottom: 60px;
      margin-top: 0;
      width: 100%;
      font-size: 24px;
      line-height: 30px;
      padding: 60px 8% 70px;
  }

  .team-container h1 {
      font-size: 20px;
  }

  .uberuns-wrapper .team-intro p {
      font-size: 20px;
  }

  .positions-wrapper h2 {
      font-size: 18px;
  }

  .positions-wrapper h1 {
      font-size: 24px;
  }

  .nav-menu ul li {
      padding: 12px 0;
  }

  .nav-menu ul li.menu-item-has-children{
    padding-bottom: 0;
  }



  .blog-wrapper {
    padding-top:60px;
  }

  .columns-container {
      flex-direction: column;
      margin-top:0;
  }

  .columns-container .column {
      margin-top:20px;
      width:100%;
  }

  .service-wrapper > div:nth-child(3) {
      margin-top: 0;
  }

  .home .news-post a {
    font-size:18px;
    padding-top:10px;
  }

  .home .news-post {
  }



}

@media only screen and (max-width : 768px) {

  .page-template-dekarbonisierung .wissen img.desktop, .page-template-energiemangellage img.desktop{
    display: none;
  }

  .page-template-dekarbonisierung .wissen img.mobile, .page-template-energiemangellage img.mobile{
    display: block;
  }

  .page-template-energiemangellage .wespi img.mobile{
    width: 410px;
    max-width: 100%;
  }

  body {
    font-size: 13px;
  }

  nav {
    font-size: 16px;
  }

  footer {
    font-size: 11px;
  }

  h1 {
    font-size: 18px;
  }

  h2 {
    font-size: 16px;
  }

  h3 {
    font-size: 16px;
  }

  header {
    position:fixed;
    top:0;
    width:100%;
  }

  #branding {
    display:inline-block;
  }

  /* Button for responsive Navigation */

  .cmn-toggle-switch {
    display: block;
    position: relative;
    float: right;
    overflow: hidden;
    margin: 10px 10px 0 10px;
    padding: 0;
    width: 65px;
    height: 46px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
            transition: background 0.3s;
  }
  .cmn-toggle-switch:focus {
    outline: none;
  }
  .cmn-toggle-switch span {
    display: block;
    position: absolute;
    top: 22px;
    left: 12px;
    right: 12px;
    height: 2px;
    background-color: #303030;;
  }
  .cmn-toggle-switch span::before,
  .cmn-toggle-switch span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #303030;
    content: "";
  }
  .cmn-toggle-switch span::before {
    top: -10px;
  }
  .cmn-toggle-switch span::after {
    bottom: -10px;
  }
  /* Turns Hamburger into X */
  .cmn-toggle-switch__htx {
    background-color: transparent;
  }
  .cmn-toggle-switch__htx span {
    -webkit-transition: background 0 0.3s;
            transition: background 0 0.3s;
  }
  .cmn-toggle-switch__htx span::before,
  .cmn-toggle-switch__htx span::after {
    -webkit-transition-duration: 0.3s, 0.3s;
            transition-duration: 0.3s, 0.3s;
    -webkit-transition-delay: 0.3s, 0;
            transition-delay: 0.3s, 0;
  }
  .cmn-toggle-switch__htx span::before {
    -webkit-transition-property: top, -webkit-transform;
            transition-property: top, transform;
  }
  .cmn-toggle-switch__htx span::after {
    -webkit-transition-property: bottom, -webkit-transform;
            transition-property: bottom, transform;
  }
  /* active state, i.e. menu open */
  .cmn-toggle-switch__htx.active {
    background-color: transparent;
  }
  .cmn-toggle-switch__htx.active span {
    background: none;
  }
  .cmn-toggle-switch__htx.active span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  .cmn-toggle-switch__htx.active span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .cmn-toggle-switch__htx.active span::before,
  .cmn-toggle-switch__htx.active span::after {
    -webkit-transition-delay: 0, 0.3s;
            transition-delay: 0, 0.3s;
  }

  nav {
    margin-top:-100px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
  }

  button.active ~ nav {
    opacity:1;
    margin-top:0;
  }

  .team-holder {
      justify-content: space-around;
  }

  .team-member {
    width: 100%;
    max-width:330px;
  }

  .positions-wrapper .position-holder {
    width:100%;
  }

  fieldset div.frm_form_field {
      width: auto !important;
  }

  fieldset div.frm_form_field textarea {
      width: 290px !important;
  }

  fieldset div.frm_submit {
      float: left !important;
      margin-right: auto !important;
      margin-left:0 !important;
  }

  .forms-container {
      margin-bottom: 25px !important;
  }

	.home-fr .zum-proj {
	    width: 240px;
	    margin-bottom:25px;
	}

	fieldset div#frm_field_80_container {
	    width: 100% !important;
	}

	fieldset div.frm_form_field input {
	    width: 100% !important;
	}

	fieldset div.frm_form_field textarea {
	    width: 100% !important;
	}

  fieldset {
    width:480px !important;
    max-width:100% !important;
  }

  .home .news-post a {
    font-size:14px;
  }

  fieldset div.frm_form_field {
      width: 310px !important;
      max-width: 100% !important;
  }

  fieldset div#frm_field_73_container, fieldset div#frm_field_80_container {
      width: 310px !important;
      max-width: 100% !important;
      height: 170px !important;
      margin-bottom: 35px !important;
      display:block !important;
  }

  .search-fields {
      font-size: 22px;
  }

  .newsletter .left-half #form_8fi8z div.frm_submit {
      display: block;
      float: left !important;
      width: 200px;
      margin-top: 25px;
  }

  .newsletter .left-half #form_8fi8z div.frm_submit button {
      float: none !important;
  }

  .position-holder{
    margin: 0!important;
  }

}


@media only screen and (max-width : 620px) {

  /*.tip-head h2.section-heading{
    text-align: left;
  }*/

  .act-fact-slide1 {
    width:100%;
  }

  .half {
    max-width: 100%
  }

  nav .nav-wrapper p.slogan {
      font-size: 13px !important;
      width: auto;
      margin-left:20px;
      max-width:150px;
      letter-spacing: 1.2px
  }



}


@media only screen and (max-width : 480px) {

  p.uber-head2.small, .netz-intro p, .energiespezialisten-text p, .uberuns2-wrapper .energie-subtitel p, p.address-subtitle, .akkreditierung p, .partner-text p, .map-container h1{
    padding:  0 0;
  }

  .energiespezialisten-text p{
    padding-bottom:  100px;
  }

  .home .news-post {
    padding-left:8%;
    padding-right:8%;
  }

  body {
    font-size: 12px;
  }

  nav {
    font-size: 14px;
  }

  footer {
    font-size: 11px;
  }

  h1 {
    font-size: 15px;
  }

  h2 {
    font-size: 13px;
  }

  h3 {
    font-size: 12px;
  }

  .footer-logo img {
      margin-right: 20px;
  }

  .footer-logo p {
      font-size: 13px;
      max-width: 150px;
      letter-spacing: 1.2px;
  }

  .footer-wrapper {
      width: 100%;
  }

  .tips-main-container {
      padding-bottom:0;
  }

  .tips-main-container video {
    padding-bottom: 45px;
  }

  .left-half p {
      width:100%;
  }

  .right-half {
      margin-top: 0;
  }

  .tips, .diens {
    padding: 50px 0px 60px;
    width: 85%;
  }

  .tips .tip-head.vorteile, .tips .tip-head.zielvereinbarung{
    padding:  0px;
  }

  .home .diens {
    padding: 50px 0px 140px;
  }

  .home .flex-container {
    justify-content:flex-start;
  }

  .fact-desc {
      font-size: 16px;
      line-height:22px;
  }

  .zum-proj {
    font-size:16px;
  }

  span.fact-desc p {
      padding-top: 40px;
      padding-bottom:20px;
  }

  .front-header {
      min-height: 520px;
  }

  .diens p {
      font-size: 20px;
      line-height: 26px;
  }

  .tip-head {
    height:auto;
  }

  .tip {
      height: auto;
  }

  .tip-img {
    margin-bottom:10px;
  }

  .right-half {
      margin-top:10px;
  }

  .left-half h2 {
      font-size: 18px;
  }

  .left-half h1, .tip-head h2, , .tip-head h2.section-heading {
    font-size: 20px;
  }

  .p-link {
      font-size: 16px !important;
  }

  .right-half > .read-more-fact-container > .read-more-fact {
      height: auto;
  }

  .right-half p {
      margin-bottom: 20px;
  }

  .rahmen-slides-container {
      width: 100%;
  }

  .rahmen {
      width: 95%;
  }

  .kontakt-info1-cont #menu-footer-menu li {
      font-size: 18px;
  }

  .kontakt2 h2 {
      font-size: 18px;
  }

  .kontakt-forms-container h2 {
      font-size: 18px;
  }

  .refer-projekt:nth-child(2n+1) .refer-projekt-con .projekt-one {
      margin-left: 0;
      margin-right: 0;
  }

  .ref-sp {
      width: 85%;
      align-self: flex-start;
  }


  p.uber-head2 {
      font-size: 20px;
      line-height: 24px;
      padding: 50px 0 60px;
  }

  p.uber-head2.small {
      font-size: 16px;
      line-height: 1.42857143;
      padding-left:0;
      padding-right:0;
  }

  div.uberuns-wrapper ul {
      padding-left:0;
      padding-right:0;
  }

  .diens p {
    font-size:20px;
    padding-left: 0;
    padding-right: 0;
}

  ul li.uber-head2.small {
      margin-left:20px;
  }

  .uberuns3-wrapper p.address-subtitle {
      width: 100%;
  }



  .akkreditierung p {
      padding: 0;
  }

  .address-container {
      width:100%;
  }

  ul li.uber-head2.small {
      font-size: 16px;
      line-height: 1.4;
      margin-top:5px;
  }

  ul li.uber-head2.small p {
      font-size: 16px;
      line-height: 1.4;
  }

  p.uber-head2:first-child {
      border-bottom: 1px solid gray;
      padding-bottom: 60px;
  }

  .erfolgsbeispiel-logistikkonzern .img-con {
      width: 440px;
      height: 260px;
      max-width:100%;
      background-size: contain;
      background-position: left center;
  }

  .map-container h1 {
      font-size: 20px;
  }

  .angebot-wrapper {
      width:100%;
  }

  .vorgehen {
      width:100%;
  }

  .rahmen-main-container {
      width: 85%;
  }

  .rahmen {
      width: 100%;
  }

  p.uber-head {
      font-size: 20px;
      line-height: 24px;
      padding: 50px 0 60px;
  }

  .team-container {
      width:100%;
  }

  .positions-wrapper h2 {
      width:100%;
  }

  .team-member {
      max-width: auto;
  }

  footer {
      padding-left:8%;
      padding-right:8%;
  }

  .jobs p {
      width:100%;
  }

  footer a.tool-login span {
      left: 0px;
  }

  .positions-wrapper h1 {
      width: 100%;
  }

  .team-container h1 {
      font-size: 18px;
  }

  .uberuns-wrapper .team-intro p {
      font-size: 18px;
  }

  .positions-wrapper h2 {
      font-size: 16px;
  }

  .positions-wrapper h1 {
      font-size: 20px;
  }

  .nav-menu ul li {
      padding: 0 0 14px;
  }

  .blog-wrapper {
    padding-top:50px;
  }

  footer p, footer a, footer a:visited, footer a:active, footer a:focus {
    color:#fff !important;
  }

  .page-template-angebot-single .right-half ul li {
      font-size: 16px;
  }

  .page-template-angebot-single .right-half h3 {
      font-size: 16px;
  }

  .home .news-post a {
      width: 100%;
  }

  .search-form {
    height:240px;
  }

  #content.padding-top {
      padding-top: 190px;
  }

  label.screen-reader-text.search-label {
    max-width: 90%;
    max-width: calc(100% - 85px);
  }

  input#s {
    font-size:18px;
  }

}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {

  /* specific for iPhone landscape */

}


@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) { 

  /* specific for iPhone portrait */

}


@media only screen and (max-width : 320px) {

}