.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height: auto;
}
.embed-container iframe {

  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
}
/* ratio 4x3 */
.embed-container.ratio4x3 {
  padding-bottom: 75%;
}

header .container {	
    position:relative;	
}

#languages {
    position:absolute;
    top:20px;
    right:0px;
}

#languages ul.level1 {
    margin:0px;
    padding:0px 10px;
    background:url(../images/languages.png) right 10px no-repeat rgba(255,255,255,0.75);	;	
}

#languages li {
    list-style:none;	
}

#languages ul.level2 {
    margin:0px;
    padding:0px 0px 9px 0px;
    display:none;
}

#languages li:hover ul.level2 {
    display:block;	
}




#logo-smartphone {
    display:none;	
}

.col-md-6 .col-lg-6 {padding-right: 60px;}

.pt-60 {
    padding-top: 60px;
}
.pb-60 {
    padding-bottom: 60px;
}
.pt-40 {
    padding-top: 40px;
}
.pb-40 {
    padding-bottom: 40px;
}
.pt-20 {
    padding-top: 20px;
    padding-bottom: 40px;
}
.pb-20 {
	padding-top: 40px;
    padding-bottom: 20px;
}
.pt-0 {
    padding-top: 0px;
    padding-bottom: 40px;
}
.pb-0 {
	padding-top: 40px;
    padding-bottom: 0px;
}
.pbt-40 {
	padding-top: 40px;
    padding-bottom: 40px;
}
.pbt-20 {
	padding-top: 20px;
    padding-bottom: 20px;
}

.pbt-60 {
	padding-top: 90px;
    padding-bottom: 90px;
}
.pbt-80 {
	padding-top: 150px;
    padding-bottom: 150px;
}
.pbt-5 {
	padding-top: 2px;
    padding-bottom: 2px;
}
.pbt-0 {
	padding-top: 0px;
    padding-bottom: 0px;
}
.pad-45 {
    padding: 45px;
}

.wrapper.consultant {
    background:#525252;
    color:#ffffff;
    font-size:22px;
}

.wrapper.consultant .container {
    width:100%;	
    max-width:1600px;
}

.wrapper.consultant .second,
.wrapper.consultant .third.col-p-20,
.wrapper.consultant .fourth.col-p-20 {
    padding-top:15px;	
    height:90px;
    border-right:1px solid #888888;	
}

.wrapper.consultant .fifth {
    padding-top:20px;	
}

.wrapper.consultant .col-p-20 {
    float:left;
    width:20%;	
    padding:0px 15px;
}

.wrapper.consultant .size {
    font-size:16px;
    text-align:center;
    width:25%;
    float:left;
    padding-top:10px;
    height:90px;		
    border-right:1px solid #888888;
    cursor:pointer;
}

.wrapper.consultant .home {
    width:50px;
    height:45px;
    background:url(../images/s30.png) left top no-repeat;
    margin:0px auto;
}

.wrapper.consultant .size.active .home,
.wrapper.consultant .size:hover .home {
    background-position:left bottom;	
}

.wrapper.consultant #s50 .home {
    background-image:url(../images/s50.png);
}

.wrapper.consultant #s100 .home {
    background-image:url(../images/s100.png);
}

.wrapper.consultant #s150 .home {
    background-image:url(../images/s150.png);
}

.wrapper.consultant #old {
    display:inline-block;
    border:1px solid #ffffff;
    height:23px;
    width:23px;
    line-height:20px;
    margin-right:20px;
    cursor:pointer;
    text-align:center;
}

.wrapper.consultant #old:hover {
    background:#ffffff;
    color:#525252;	
}


.wrapper.consultant label {
    line-height:58px;
    font-weight:normal;
}

.wrapper.consultant #kwh {
    margin-top:5px;
    height:45px;
    border:1px solid #ffffff;
    text-align:center;
    font-size:20px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    border-radius:0px;
}

.wrapper.consultant ul {
    padding:0px;
    margin:0px;	
}

.wrapper.consultant li {
    margin-top:5px;	
    list-style:none;
    display:inline-block;
    border:1px solid #ffffff;
    line-height:43px;	
    padding:0px 10px;
    font-size:20px;
    cursor:pointer;
}

.wrapper.consultant li.active,
.wrapper.consultant li:hover {
    background:#ffffff;
    color:#26343B;
}

.wrapper.consultant .btn-primary {
    padding:15px;
    width:100%;	
}

.wrapper.consultant .btn-primary:focus,
.wrapper.consultant .btn-primary.focus {
    background:#333333;	
}

.wrapper.image .container,
.wrapper.image .container img {
    width:100%;	
}

.wrapper.image .container .col-sm-12 {
    padding:0px;
}

.wrapper.image-with-text {
    margin-bottom:-110px;	
}

.wrapper.image-with-text .col-sm-12 {
    margin-bottom:-150px;	
}

.wrapper.image-with-text .background {
    position:absolute;
    left:15px;
    right:15px;
    top:0px;
    height: 260px;
    z-index: 0;
    margin-left: -30px;
    margin-top: -30px;
    margin-right: -30px;
}

.wrapper.image-with-text .container {
    width:100%;	
    padding-bottom:90px;
}

.wrapper.image-with-text .container .col-sm-12 {
    padding:0px;
}

.wrapper.image-with-text img {
    width:100%;
    height:600px;
    object-fit:cover;
}

.wrapper.image-with-text .text-on-image {
    position:relative;
    max-width:1170px;
    top:-230px;
    margin:0px auto;
}

.wrapper.image-with-text .text-on-image .content {
    position:relative;
    z-index:10;
    padding: 0px 15px;
}

.wrapper.image-with-text .text-on-image h1 {
    font-size:50px;	
}

.wrapper.image-with-text .text-on-image small {
    font-size:28px;	
    display:block;
    color:#333333;
    font-weight:normal;
}

/*.wrapper.image-with-text .text-on-image small::after {
    background-color:#26343B;
    content:'';
    display:block;
    height:4px;
    width:170px;
    margin:22px 0 28px;
}*/

.wrapper.image-with-text .text-on-image a {
    font-weight:bold;	
}

.wrapper.image-with-text .btn {
    margin-bottom:15px;	
}

#accordion-block-second .panel-body {
    padding-left:23px;	
}

.downloads {
    padding-bottom:15px;	
}

.downloads .col-md-6 {
    padding:0px 70px;
}

.downloads .download {
    border-bottom:1px solid #d1d1d1;
    padding:10px 0px 10px 45px;
}

.downloads .no-0 .download,
.downloads .no-1 .download {
    border-top:1px solid #d1d1d1;
}

.downloads .button {
    float:right;
    margin:0px !important;
    padding-top:0px;
    padding-bottom:0px;
}

.downloads .text {
    margin-right:115px;
    display:block;
    padding-top:5px;
}

.downloads .pdf .download {
    background:url(../images/download-pdf.png) left 9px no-repeat;	
}

.downloads .doc .download {
    background:url(../images/download-doc.png) left 9px no-repeat;	
}

.downloads .docx .download {
    background:url(../images/download-docx.png) left 9px no-repeat;	
}

.downloads .xls .download {
    background:url(../images/download-xls.png) left 9px no-repeat;	
}

.downloads .xlsx .download {
    background:url(../images/download-xlsx.png) left 9px no-repeat;	
}

.downloads .ppt .download {
    background:url(../images/download-ppt.png) left 9px no-repeat;	
}

.downloads .pptx .download {
    background:url(../images/download-pptx.png) left 9px no-repeat;	
}

.contact-form .selectric-form-control {
    float:left;
    width:100%;
}

.has-error .selectric-form-control {
    border:1px solid #a94442;
}

.contact-form .radio,
.contact-form .checkbox {
    text-align:left;	
}

.contact-form #schlussrechnung {
    display:none;	
}

tr.orange,
th.orange,
td.orange {
    background:#26343B;	
}

#article-1 .teaser .small-heading {
    min-height:130px;	
}

#article-1 .teaser .teaser-text {
    min-height:145px;
}

.image-text .media {
    display:none;	
}

.wrapper.counter {
    background-size:cover;
    padding:7% 0px;	
}

.wrapper.counter .count-number {
    font-size:100px;
    font-weight:bold;
    text-align:center;
}

.animate .container {
    position:relative;
    -webkit-transition:all 1s linear;
    -ms-transition:all 1s linear;
    transition:all 1s linear;
}

.animate.animation1 .container {
    opacity:0;
    bottom:-50px;
}

.animate.animation1.animated .container {
    bottom:0px;
    opacity:1;
}

.animate.animation2 .container {
    right:-50px;
    opacity:0;
}

.animate.animation2.animated .container {
    right:0px;
    opacity:1;
}

.animate.animation3 .container {
    opacity:0;
    left:-50px;
}

.animate.animation3.animated .container {
    left:0px;
    opacity:1;
}

.animate.animation4 .container {
    opacity:0;
}

.animate.animation4.animated .container {
    opacity:1;
}

.animate.animation5 .container {
    opacity:0;
    top:-50px;
	z-index: -1;
}

.animate.animation5.animated .container {
    top:0px;
    opacity:1;
    z-index: -1;
}

.slideshow-text-gallery {
    position:relative;	
}

.slideshow-text-gallery .position {
    position:absolute;
    top:30%;
    left:150px;
    right:150px;
    z-index:99;		
}

.slideshow-text-gallery .carousel-control {
    z-index:100;
}

.slideshow-text-gallery .carousel-control i {
    background:#ffffff;
    width:40px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
}

.slideshow-text-gallery .fa-angle-left::before {
    color:#000000;	
    position:relative;
    top:-2px;
    left:-2px;
}

.slideshow-text-gallery .fa-angle-right::before {
    color:#000000;	
    position:relative;
    top:-2px;
    right:-2px;
}

.carousel a.carousel-control:focus {
    background-color: #26343B;
}
.carousel a.carousel-control:focus i {
    color: #ffffff;
}

#to-top {
    padding:10px;
    cursor:pointer;
    text-align:center;
}

#to-top #arrow {
    display:inline-block;
    line-height:35px;
    font-size:18px;	
    padding-left:50px;
    background:url(../images/arrow-up.png) left top no-repeat;
}

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

    .wrapper.consultant {
        font-size:18px;
    }

    .wrapper.consultant li {
        font-size:18px;
        padding:0px 5px;
    }

    .wrapper.consultant #old {
        margin-right:10px;
    }

}

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

    .downloads .col-md-6 {
        padding:0px 15px;
        font-size:14px;
    }

    .wrapper.consultant .first,
    .wrapper.consultant .second,
    .wrapper.consultant .third,
    .wrapper.consultant .fourth,
    .wrapper.consultant .fifth {
        border-bottom:1px solid #888888;
        height:90px;	
    }

    .wrapper.consultant .col-p-20 {
        width:37.5%;
    }

    .wrapper.consultant li {
        padding:0px 15px;
    }

    #article-1 .teaser .teaser-text {
        min-height:345px;
    }

}

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

    .header {
        min-height:55px;
    }

    .logo {
        width:160px;
        position:absolute;
    }

    .logo img {
        width:90%;
    }

   .pad-45 {
	padding: 15px 20px;
    }
}


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


    .navigation {
        padding-right:0px;	
        height: 40px;
    }

    #languages {
    }

    ul.slimmenu {
        position:relative;
        z-index:99;
    }

    ul.slimmenu li {
        background:#ffffff;
        border:none;
    }

    ul.slimmenu.collapsed li a {
        border:none;
    }

    ul.slimmenu li.active {
        background:#fff;
    }
    

    ul.slimmenu li a {
        padding:5px !important;
    }

    ul.slimmenu li a:hover {
        background:#26343B;
        color:#ffffff;
        text-decoration:underline;
    }

    ul.slimmenu li a:focus {
        background:#26343B;
        color:#ffffff;
    }
	
    ul.slimmenu li .sub-toggle {
        background:none !important;
    }

    ul.slimmenu.collapsed li > ul {
        padding:0px;
    }


    .header ul.slimmenu li.has-submenu ul li:last-child,
    .header ul.slimmenu li.has-submenu ul li:last-child a {
        -webkit-border-radius:0px !important;
        -moz-border-radius:0px !important;
        border-radius:0px !important;	
    }

    .header ul.slimmenu li.has-submenu li a i {
        display:none;
    }

    .downloads .button {
        padding:8px 10px !important;
    }

    .downloads .no-1 .download {
        border-top:0px;
    }


    .wrapper.image-with-text .text-on-image {
        top:-85px;
    }

    .wrapper.image-with-text {
        margin-bottom:-100px;	
    }

    .wrapper.image-with-text .col-sm-12 {
        margin-bottom:-100px;	
    }

    .wrapper.image-with-text .background {
        height:115px;
    }

    .wrapper.image-with-text .text-on-image h1 {
        font-size:32px;
    }

    .wrapper.image-with-text .text-on-image h1 small {
        font-size:23px;
    }

    #article-1 .teaser .teaser-text {min-height: 200px;}
    .small-heading {font-size: 16px;line-height: 16px;}


    .wrapper.counter .count-number {
        font-size:76px;
    }
    ul.slimmenu li ul li {
	background-color: #eee;
}
    .wrapper.image-with-text .text-on-image {
    margin-bottom:60px;
}

}

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

    .logo {
	    margin-left: 10px;
        padding:0px;
    }

    .wrapper.consultant .first {
        height:55px;
    }

    .wrapper.consultant .second,
    .wrapper.consultant .third,
    .wrapper.consultant .fourth {
        height:50px;
    }

    .wrapper.consultant .size {
        height:55px;
        padding-top:3px;
        font-size:11px;
    }

    .wrapper.consultant .home {
        width:25px;
        height:25px;
        background-size:25px 50px;
    }

    .wrapper.consultant .second,
    .wrapper.consultant .third.col-p-20,
    .wrapper.consultant .fourth.col-p-20 {
        padding-top:5px;
        height:55px;
    }

    .wrapper.consultant .col-p-20 {
        width:50%;
    }

    .wrapper.consultant #kwh {
        height:30px;
        font-size:16px;
    }

    .wrapper.consultant li {
        line-height:30px;
        margin-top:3px;
        font-size:11px;
        padding:0px 3px;
    }

    .wrapper.consultant #old {
        width:15px;
        height:15px;
        line-height:15px;
        font-size:11px;
    }

    .wrapper.consultant label {
        line-height:40px;
        font-size:11px;
    }

    .wrapper.consultant .fifth {
        padding:10px 15px;
        height:auto;
        clear:both;
    }

    .wrapper.image-with-text img {
        height:250px;
    }


    #article-1 .teaser .small-heading {
        min-height:0px;	
    }

    #article-1 .teaser .teaser-text {
        min-height:0px;
    }

    .wrapper.counter .count-number {
        font-size:50px;
        text-align:left;
        padding-bottom:30px;
    }
}
}



.owl-stage .item .medium-heading:first-child {
    padding-top: 0;
}

/* ==== Testimonial Slider ==== */


#owl-demo-testimonial button:hover {

}

#owl-demo-testimonial .owl-prev {
    left:17%;
}

#owl-demo-testimonial .owl-next  {
    right:17%;
}

#owl-demo-testimonial button i {
    color:#000000;
    font-size: 32px;
    line-height: 36px;
}

#owl-demo-testimonial button {
    background:#f8f7f4;
    border-radius:50%;
    height:36px;
    position: absolute;
    top: 50%;
    width:36px;
    -webkit-border-radius:50%;
    -ms-border-radius:50%;
    transition: opacity 1s;
}

#owl-demo-testimonial button:hover {
    opacity: 0.9;
}

#owl-demo-testimonial button:focus {
    background-color: #26343B;
}
#owl-demo-testimonial button:focus i {
    color: #ffffff;
}


/* ===== parallax ===== */

@media screen and (max-width: 767px) {
    .background-picture-one  {
        padding: 0;
    }
    .background-picture-one .row .visible-xs {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .background-picture-one .row .pad-45 {
        position: static;
        padding: 10px 15px;
    }
    background-picture-two {
        padding: 0;
    }
    .background-picture-two .row .visible-xs {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }
    .background-picture-two .row .pad-45 {
        position: static;
        padding: 10px 15px;
    }
}

.blog-post .metaheader + .common-heading {
    padding-top: 20px;
}

/* ===== video ===== */

.videocontainer {
    background: none;
    background-size: cover;
    position: relative;
    overflow: hidden;
    height: 33vw;
    padding: 0;
}

.videocontainer video {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: -1;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
    .videocontainer video {
        width: 150%;
    }
    .videocontainer {
        height: 70vw !important;
    }
}

.videocontainer .container {
    height: 100%;
}

.mobile-element-box {
    position: relative;
}

.videocontainer .container .row {
    height: 100%;
    display: flex;
    align-items: flex-end;
    padding-bottom: 3vw;    
}

.videocontainer .container .row .col-sm-6 {
    margin-left: 15px;
    width: calc(50% - 30px);
}

.videocontainer .videooverlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.videocontainer.boxtop > .container > .row {
    padding-top: 3vw;
    align-items: flex-start;
    height: auto;
}

.videocontainer.boxcenter > .container > .row {
    align-items: center;
    height: 100%;
    padding-top: 3vw;
    padding-bottom: 3vw;
}


/* --- schraege Elemente --- */

.background-picture-two,
.background-picture-one,
.image-detail,
.red-image-detail,
.gray-image-detail,
.team-traning,
.one-colomn-section,
.video-inline,
.common-text
{
    position: relative;
}

.triangle {
    display: block;
    width: 100%;
    height: 6vw;
    fill: #fff;
    position: absolute;
    z-index: 1;
}

.triangle-top {
    top: 0px;
}

.triangle-bottom {
    bottom: -1px;
    left: 0;
}

.spacer-5vw {
    height: 5vw;
}

/*.parallaxcontainer {
    background-attachment: fixed;
}*/

@media screen and (max-width: 767px) {
	.parallaxcontainer {
    height: 45% !important;
    background-position: 50% 50%;
	background-attachment: inherit;
	}
}

.mod1_hoverbild {
    opacity: 0;
    position: absolute;
    top: 0;
    transition: 0.5s;
}

.hoverbild-wrapper {
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.hoverbild-wrapper:hover .mod1_hoverbild {
    opacity: 1;
}


.breadcrumb {
    margin-bottom: 0;
	border-style: none;
	border-radius: 0;}

.breadcrumb ul {
    list-style: none;
    margin-left: 10px;
    padding: 0;
}

.breadcrumb ul li,
.breadcrumb ul li a,
.breadcrumb div {
    font-size: 18px;
    line-height: 24px;
}

.breadcrumb ul li a {
	    text-decoration: underline;
}

.breadcrumb ul li {
    float: left;
    list-style: none;
}

.breadcrumb ul li + li:before {
    content: '/';
    display: inline;
    font-size: 18px;
    line-height: 24px;
    margin: 0 5px;
}

.breadcrumb .breadcrumb-info {
}

.breadcrumb .container {
    display: flex;
}

@media screen and (max-width: 767px) {
	.breadcrumb .container {
        margin-left: -20px;
    }    
}

@media screen and (max-width: 1280px) {
	.machmal {
        padding:0;
    }    
        .logo {
	    margin-left: 25px;
        padding:0px;
    }
        .logo img {
	    width: 90px !important;
	    }
}

@media screen and (min-width: 1281px) {
        .logo img {
	    width: 170px !important;
    }
}