/* 
RESPONSIVE CSS	
*/
/****** Max. Breite 1260px ******/
@media (min-width: 767px) {
  .page-id-378 .row {
    margin-right: -30px !important;
    margin-left: -5px !important;
}
}
@media screen and (max-width:1440px) and (max-height:950px) {
	#glFullscreen {
    width: 100%;
    height: 100vh;
    min-width: 640px;
    min-height: 360px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: transparent;
    margin-top: -240px;
}
#weisslogo {
    max-width: 45%;
    padding-bottom: 50px;
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 145px;
}
.page-id-2646 object#dreizigjahre, #dreizigjahre {
    position: absolute;
    left: 13%;
    max-width: 80%;
    top: 0%;
    transition: ease-in-out 2s;
}
}
/************/
@media (max-width: 1260px) and (min-width:1024px) {
	.page-id-2646 .white-xmas .gerlingstrasse {
    position: absolute;
    top: 7%;
    right: 30%;
}
.white-xmas .altendorfstrasse {
    position: absolute;
    top: 5%;
    left: 11%;
}
.white-xmas .kaninenberghohe {
    position: absolute;
    top: 18%;
    right: 25%;
}
.white-xmas .langenbrahmstrasse {
    position: absolute;
    top: 29%;
    left: 14%;
}
.white-xmas .kupferdreher {
    position: absolute;
    top: 45%;
    right: 6%;
}
}
/****** Max. Breite 1260px ******/
@media (max-width: 1260px) {
  .container-fluid {padding-right:15px!important; }
}
/************/
/****** Max. Breite 1240px ******/
@media (max-width: 1240px) {
  .credits a { margin-right: 0px; }
  input[type="checkbox"] { margin-left: 35px; }
  .vc_custom_1508838756945 {    background-position: 65% !important;}
}
/************/
/****** Max. Breite 1199px ******/
@media screen and (max-width:1199px) {
	.page-id-378 .button {width: 28% !important}
	a.button.medium {font-size: 18px !important}
	.agentur.page-id-22 .vc_custom_1511355602590 {background-position: 58% !important}
	.inner-hover h3 {
    margin-bottom: 130px!important}
    .single-content iframe {
    height: 300px!important;
    width: 98% !important;
}
    .home .blog-section .center-button {
    margin-top: 35px !important;}
    .vc_custom_1508838756945 {    background-position: 57% !important;}
    .about-us-post p {padding: 0 32px 42px !important;}
    .about-us-post h3 {    padding: 0 32px !important;}
    .page-id-22 .center-button {margin-top: 0 !important
    }
}
/************/
.page-id-22 a {color: #ff7925;}
.title-section.white-style h2 {color: #fff !important}


/****** Max. Breite 1024px ******/
@media screen and (max-width:1024px) { 
	.hustle-modal-message .vc_col-sm-6 {width: 50% !important}
	#wpforms-form-2262.wpforms-form {margin-left: 0}
	.page-id-2085 .wpb_single_image .vc_single_image-wrapper, .page-id-2085 .wpb_single_image .vc_figure {width: 100%}
	.page-id-2085 .article-box img {display: block !important}
	.page-id-2085 .article-box .vc_col-sm-3 {width: 100% !important}
	.vc_custom_1513606516780 {background-image: none !important;} .vc_custom_1513165107063 {padding-left: 0px !important;}
	a.button.medium.aligncenter.white {font-size: 18px !important;}
	 .vc_custom_1513331347813 {background-image: -webkit-linear-gradient(to bottom, rgba(255, 121, 37, 1) ,rgba(63, 191, 173, 1)) !important;
		 background-image: -o-linear-gradient(to bottom, rgba(255, 121, 37, 1),rgba(63, 191, 173, 1)) !important;
		 background-image: -moz-linear-gradient(to bottom, rgba(255, 121, 37, 1),rgba(63, 191, 173, 1)) !important;
		 background-image: linear-gradient(to bottom, rgba(255, 121, 37, 1),rgba(63, 191, 173, 1)) !important;}
	.page.page-id-22 .center-button .aligncenter {margin:  30px 0px 30px 0px!important 	}
    .single-portfolio .mobile-away {display: none !important;}
	.home #home-section .desktop-slider, .page-id-1554 .wpb_revslider_element.desktop-slider {display: none !important}
	.home #home-section .wpb_wrapper .tablet-slider, .page-id-1554 .wpb_wrapper .wpb_revslider_element.tablet-slider {display: block !important}
	.page-id-378 .title-section h2 {font-size: 48px !important; font-style: normal;}
	.about-us-post h3 {font-weight: 500; padding: 0 20px !important; font-size: 20px }
	.about-us-section .vc_col-sm-4:last-child  {margin-bottom: 0px !important}
	.about-us-post:hover:after {opacity: 0 !important}
	.box-offer-section .box-offer-box .box-post .inner-box-post div.box-content p {font-size: 18px!important;}
	.box-offer-section .box-offer-box .box-post .inner-box-post div.box-content h2 {font-size:28px!important;}
	a.white-button, .center-button a {font-size: 18px!important;}
	.box-offer-section .box-offer-box .box-post .inner-box-post h1 {    padding-left: 79px!important;}		
	.about-section .about-box .about-post h2 {font-size: 22px!important;}
	.about-section .about-box .about-post p {font-size:18px;}
	.navbar-nav > li > a {font-size: 15px;}
	.about-alt-section .about-alt-box h3 {display: none !important}
	.page-id-22 .about-alt-box .vc_col-sm-5 {display: none !important}
	.page-id-22 .about-alt-box .vc_col-sm-7 {width: 100% !important}
	.page-id-22 .vc_custom_1511176420412 {padding-right: 60px !important}
	.page-id-22 .vc_custom_1511355602590 {background-image: none !important}
	.page-id-22 .vc_custom_1511880162092 {padding-left: 30px !important; padding-right: 30px !important}
	p {font-size:18px;}
	.abstand-footer, #abstand-footer, .vc_empty_space.abstand-footer {height: 120px !important}
	.title-section h2 {font-size:22px!important;}
	.team-section .team-box .team-post .inner-team-post p {font-size: 16px;}
	.inner-team-post h3 {font-size:20px!important;}
	.page-id-22 .vc_empty_space {height:0px!important;}
	.page-id-22 .center-button {margin-top: 0!important;margin-bottom: 50px!important;}
	.about-us-post .about-gal h2 {font-size:22px!important;}
	.about-us-post p {padding: 0!important;font-size: 18px!important;    font-weight: 300;}
	.services-section .services-box .services-post .services-title h2 {font-size: 22px!important;}
	.services-section .services-box .services-post .services-title {margin-left: 55px!important;    margin-bottom: 35px;}
	.services-section .services-box .services-post p {font-size:18px!important;font-weight: 300;}
	.article-box img {display: none;}
	.article-box .vc_col-sm-9 {width:100%!important;}
	.vc_col-sm-6 {width: 100%!important;}
	#history .vc_col-sm-6 {width: 50% !important}
	.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas,.page-id-2646 #container #history h2.heading-xmas,.page-id-2646 #container #ourskills h3.heading-xmas {font-size:60px !important}
	#history .wpb_text_column :last-child, #history .wpb_text_column p:last-child {text-align: left !important; margin-bottom: 0px !important}
#history .linear-gradient p::nth-child(2){margin-top: 20px !important}
	#timeline #timeline-inhalt {overflow-x: scroll;}
	a.button.medium {    padding: 13px 20px 10px;}
	.page-id-378 .button{width: 22%;}
	#refresh-browser {margin-top: -80px}
	.scroll-back-to-top-wrapper {    width: 62px;
    height: 60px;}
	.contact-info-section .info-post h2{font-size: 20px;}
	.contact-form-section .contact-form-box .wpcf7-form input[type="text"], .contact-form-section .contact-form-box .wpcf7-form textarea,.contact-form-box #comment-form input[type="text"], .contact-form-box #comment-form textarea, input[type="text"], input[type="email"], input[type="password"], textarea {font-size: 18px;}
	.contact-form-section .contact-form-box .wpcf7-form input[type="submit"] {font-size: 18px!important;font-weight: 400;}
	.map-holder, .contact-form-box .col-sm-5 {display: none;}
	.contact-form-box .col-sm-7 {width: 100%;}
	.wpcf7-form p {text-align: center;}
	.contact-info-section {padding: 80px 0 20px 0;}
	.name_directory_column h4 {font-size: 20px;}
	.name_directory_index {font-size: 18px;}
	#name-directory-search-input-button {font-size: 18px!important; font-weight:400;}
	.wpb_text_column :last-child, .wpb_text_column p:last-child {text-align: center;}
	.page-id-22 .center-button {text-align: center!important;}
	footer .up-footer {padding-bottom: 0!important;}
	.about-us-post .about-gal h2 {    padding: 0 10px;    font-size: 40px!important;}
	.services-section .services-box .services-post .services-title h2 {font-size: 30px!important;font-weight: 400;}
	.services-section .services-box .services-post .services-title {margin-left: 55px!important;
    margin-top: 10px;}
	.article-box .article-content, .article-box .article-content p  {text-align: left!important;}
	#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column #content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {    margin-bottom:30px!important;}
	.contact-form-box .wpb_text_column :last-child,.contact-form-box .wpb_text_column p:last-child {text-align: left!important;}
	
}
/************/
@media screen and (max-width:1024px) and (max-height:680px) and (orientation:landscape) {
	#timeline #timeline-inhalt { overflow-x: auto;}
		#timeline #timeline-inhalt .inhalt {min-width: 115px !important}
	.white-xmas .langenbrahmstrasse {
    top: 17%;
    left: 10%;
}
.white-xmas .altendorfstrasse {
    left: 8%;
    top: -9%;
}
.page-id-2646 .white-xmas h3.heading-xmas {line-height: 30px !important;font-size: 80px !important}
.page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h1.heading-xmas {font-size: 80px !important}
.page-id-2646 .white-xmas .gerlingstrasse {
    right: 25%;
    top: -4%;
}
.white-xmas .kaninenberghohe {
    top: 6%;
    right: 20%;
}
#timeline #timeline-inhalt .inhalt {min-width: 120px}
.white-xmas .kupferdreher {
    right: 3%;
    top: 35%;
}
}

/****** Max. Breite 890px ******/
@media screen and (max-width:890px) {
	.hustle-modal.hustle-animated.hustle-animate-fadeInUp {width: 95% !important}
	.icons-inhalt {max-width: 105px !important}
	.hustle-modal-message .popup-abstand, .hustle-modal-message #popup-abstand {margin-top: 50px}
	.hustle-modal-message .vc_col-sm-6:first-child img {height: 70vh}
}
/****** Max. Breite 863px ******/
@media screen and (max-width:863px){
.navbar-brand {padding-right: 30px!important;}
}
/************/
.page-id-378 .container .title-section h2 {font-style: italic !important;font-size: 18px !important;padding-top: 15px;font-weight: 300;}
/****** Max. Breite 808px ******/
@media screen and (max-width:808px){
	.icons-inhalt {width: 100% !important; clear:both; float:none;text-align:center; margin: auto;    min-width: 100%;margin: 0 0 15px 0 !important}
	.hustle-modal-message h4 {margin-bottom: 0px !important}
	.wph-modal.module_id_1 .hustle-modal .hustle-modal-body {height: 80vh !important}
	.hustle-modal-message .popup-abstand, .hustle-modal-message #popup-abstand {margin-top: 20px !important}

}
@media screen and (max-width:782px){
	.hustle-modal.hustle-modal-simple .hustle-modal-body .hustle-modal-content {max-height: 100vh !important}
	.hustle-modal.hustle-modal-simple .hustle-modal-body .vc_col-sm-6:first-child {display: none}
	.hustle-modal-message .vc_col-sm-6 {width: 100% !important;padding-left: 30px; padding-right: 20px; color: #fff; text-align:center}
	.hustle-modal-message .vc_col-sm-6 p, .wph-modal.module_id_1 .hustle-modal .hustle-modal-body p, .wph-modal.module_id_1 .hustle-modal .hustle-modal-body p a {color: #fff !important}
	.hustle-modal-content {background-image: url(https://bdesign.de/wp-content/uploads/2018/12/messe-angebot-anfragen.png);background-size: cover; background-repeat: no-repeat;padding: 0 20px}
}
@media screen and (max-width:991px){

	.tnp-subscription {
    max-width: 80% !important;
}
	.project-post:hover .hover-box .hover-art {
    bottom: 45.5%!important;
    top: auto!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0); }
	.inner-hover h3 {
    margin-bottom: 176px!important;
}

.single-content iframe {height: 400px!important;width: 100% !important}
.about-section .about-box .about-post h5:after {left: 39% !important}
.vc_custom_1502102628317 {    background-position: 37% !important;}
.box-offer-section .box-offer-box .box-post .inner-box-post h1 {
    padding-left: 29px!important;
}
.page-id-378 .wpb_raw_html .title-section h2:last-child {font-size: 38px !important; font-style: normal;}
footer .col-md-3.col-sm-6.col-xs-0{display: none;}
footer .col-md-3.col-sm-6.col-xs-0:last-child {display: block;}
.frame-option iframe {height: 1700px!important;}
.vc_custom_1508838756945 {    background-position: 61% !important;}
.leistungen .about-us-section .vc_col-sm-4 .vc_column-inner{padding-left: 15px !important; padding-right: 15px !important}
.vc_custom_1502363557415 {background: #ff7927 !important; /* Old browsers */
background: -moz-linear-gradient(top, #ff7927 0%, #3fbcae 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ff7927 0%,#3fbcae 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ff7927 0%,#3fbcae 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7927', endColorstr='#3fbcae',GradientType=0 ); /* IE6-9 */
}

}
/************/
/****** Max. Breite 789px ******/
@media(max-width: 789px){
  .comment-tree .children{
    padding-left: 0px;
  }
}
/************/
/****** Max. Breite 782px ******/
@media(min-width: 782px){
  .admin-bar .navbar-fixed-top{
    top: 32px;
  }
}
/************/
/****** Max. Breite 768px ******/
@media(min-width: 768px) {
.vc_col-sm-5 {
    width: 57.666667%!important;
}
}
/************/
/****** Max. Breite 767px ******/
@media screen and (max-width: 767px) {
		.arrow_carrot-right.nav-arrow{
	display: block;
	    position: absolute;
    right: 5px;
    top: 15px;
    font-size: 36px;
    color: #777 !important;
}
.portfolio-section .hover-art {bottom: 52% !important;}
.project-post .hover-box .inner-hover {    top: 54%!important;}
.vc_custom_1502102628317 {background-image: none !important;    background-color: #1a2ea5 !important;}
.box-offer-section .box-offer-box .box-post .inner-box-post div.box-content {
    padding-left: 20px;
    padding-right: 20px;
}
.box-offer-section {padding: 20px 0px;}
.box-offer-section .box-offer-box .box-post .inner-box-post {padding: 50px 0px;}
.page-id-378 .wpb_raw_html .title-section h2:last-child {font-size: 40px !important; font-style: normal;}
.kunden_hover .vc_column_container.vc_col-sm-3 , .page-id-378 .vc_row-fluid .vc_column_container.vc_col-sm-3 {width: 50%; float: left;}
.leistungen .about-us-section .vc_col-sm-4 .vc_column-inner{padding-left: 15px !important; padding-right: 15px !important}
.vc_custom_1511176420412 {padding-left: 0px !important}
.abstand-footer, #abstand-footer, .vc_empty_space.abstand-footer {height: 70px !important}
.blog-section {padding-bottom: 70px !important}

.active .arrow_carrot-right.nav-arrow{
	display: block;
	color: #fff;	
}	
	
	.about-section .about-box .about-post a {width: 100%;}
	.about-post img {width:60px!important;}
	.box-offer-section .box-offer-box .box-post .inner-box-post h1 {font-size: 40px!important;text-align: center;padding-left: 0!important;}
	.box-offer-section .box-offer-box .box-post .inner-box-post div.box-content {text-align: center!important;}
	.vc_custom_1502102628317 {background-position: right!important;}
	.box-offer-section .box-offer-box .box-post .inner-box-post div.box-content h2:after {height:0!important;}
	.vc_custom_1501498406925 {background-image: none!important;    background-position: left !important;}
	.team-section .team-box .team-post .inner-team-post {margin: auto!important;}
	.title-section h1, .banner-image-section h1  {font-size:40px!important;}
	.team-section .team-box .team-post .inner-team-post .img_band img {    transform: scale(1);
    filter: grayscale(0);}
	.team-section .team-box .team-post .inner-team-post p {margin-bottom: 0!important;    padding-bottom: 22px;}
	.team-section .team-box .team-post {margin-bottom: 20px!important;}
	.about-section .about-box .about-post h5:after {    left: 47% !important;}
	div.wpcf7 .ajax-loader {display: none;}
}
/************/
/****** Max. Breite 725px ******/
@media screen and (max-width: 725px) {

.frame-option iframe {    height: 1650px!important;}
.single-project-section iframe {height: 400px !important}
}
/************/
/****** Max. Breite 650px ******/
@media screen and (max-width: 650px) {

.frame-option iframe {    height: 1450px!important;}
}
/************/
/****** Max. Breite 600px ******/
@media screen and (max-width: 600px) {
.frame-option iframe {    height: 1400px!important;}
.single-project-section iframe {height: 300px !important}
}
/************/
/****** Max. Breite 550px ******/
@media screen and (max-width: 550px) {

.frame-option iframe {    height: 1300px!important;}
.Mobile-title {display: block !important;}
.Desktop-title {display: none !important;}
.page-id-2605 .about-section .about-box .about-post {
    height: auto !important;
}
}
/************/
/****** Max. Breite 550px ******/
@media screen and (max-width: 500px) {
.page-id-2605 div.wpforms-container-full .wpforms-form input[type=email], .page-id-2605 div.wpforms-container-full .wpforms-form input[type=text], .page-id-2605 div.wpforms-container-full .wpforms-form input[type=number], .page-id-2605 #container div.wpforms-container-full .wpforms-form input[type=textarea] {min-width: 280px; max-width: 100% !important}
.frame-option iframe {    height: 1200px!important;    }
.cc_message, .cc_container .cc_btn, .cc_container .cc_btn:visited {font-size: 18px !important}
.tnp-subscription {
    max-width: 90% !important;
}
#history .vc_col-sm-6 {width: 100% !important}
#myVideo {
    margin-left: -70px !important; 
}
/************/
/****** Max. Breite 480px ******/
@media screen and (max-width: 480px){
	
	section.banner-page-section h1 {    line-height: 35px !important;
    margin: 10px 0 30px !important;}
	.page-id-2085 .Desktop-title {display: block !important}
	.page-id-2085 .Mobile-title {display: none !important}
	.portfolio-section .hover-art {bottom: 56% !important;}
.project-post .hover-box .inner-hover {    top: 58%!important;}
	footer p, footer ul li, footer ul li a {font-size: 17px !important}
	.page-id-24 .about-us-section .about-us-post {margin-bottom: 40px;}
	.about-us-section .vc_col-sm-4:last-child {margin-bottom: 0px !important}
	.about-us-post h3 {line-height: 30px !important}
	.page-id-22 h4 {line-height: 1.1;}
	.single-project-section iframe {height: 200px !important}
	.home #container #home-section .tablet-slider, .page-id-1554 .wpb_revslider_element.tablet-slider {display: none !important}
	.home #container #home-section .mobile-slider, .page-id-1554 .wpb_revslider_element.mobile-slider{display: block !important}
	footer .up-footer {padding-top: 25px!important;font-size: 17px !important;}
	footer .up-footer a, footer .up-footer p, .up-footer ul li a, footer .up-footer .widget_text p{font-size: 17px !important;}
	rev_slider_1_1_wrapper {display: none!important;}
	
	.vc_custom_1502363557415 {background-repeat: no-repeat;    background-size: cover;}
    .vc_custom_1501491910147 {padding-left: 0px!important;}
    .vc_custom_1508838756945 {background-image: none!important;}
    .about-us-post:after {border: none !important;}
    .page-id-22 .aligncenter {margin: 30px 30px 30px 30px!important;}
    .vc_custom_1501153354775, .vc_custom_1503913842967 {display: none !important;}
    .page-id-378 .button {    width: 45%!important;}
    .frame-option iframe {    height: 1100px!important;}
    footer .container {display: none !important;}
	.container.container-mobil {display: block !important;}
	.hover-art {bottom: 55%;}
	.portfolio-section .portfolio-box .project-post .hover-box .inner-hover {    left: 8%;
    width: 84%;}
    .abstand-footer, #abstand-footer, .vc_empty_space.abstand-footer {height: 50px !important}
    .home .blog-section .center-button {
    margin-top: 0px !important;
}
.page-id-378 .row {
    margin-right: 0px !important;
}
.title-section h3 {font-size: 40px !important; line-height: 44px !important}
.home .portfolio-section {
    margin-bottom: 0px !important;
}
.about-section .about-box .about-post {margin-bottom: 20px !important}
    }
/************/
/****** Max. Breite 460px ******/
@media screen and (max-width: 460px) {
	.page-id-2085 .Desktop-title {display: none !important}
	.page-id-2085 .Mobile-title {display: block !important}
}

/************/
/****** Max. Breite 400px ******/
@media screen and (max-width: 400px) {

.frame-option iframe {    height: 980px!important;}

}

/************/
/****** Max. Breite 350px ******/
@media screen and (max-width: 350px){
.navbar-brand {
    padding-top: 41px!important;
    padding-right: 20px!important;
    padding-bottom: 30px!important;
    padding-left: 20px!important;
	}
	.frame-option iframe {    height: 950px!important;}
	

}

/************/
@media screen and (max-width:1199px) {
	.page-id-2646 .white-xmas .gerlingstrasse {
    right: 27%;
}
.white-xmas .altendorfstrasse {
    left: 1%;
}
.white-xmas .kaninenberghohe {
    top: 25%;
    right: 20%;
}
.white-xmas .langenbrahmstrasse {
    top: 31%;
    left: 7%;
}
.white-xmas .kupferdreher {
    right: -4%;
}
}
@media only screen and (max-width:1024px) {
	#timeline #timeline-inhalt { overflow-x: auto;}
}
#timeline #timeline-inhalt { overflow-x:  hidden;}
@media screen and (max-width:1057px) {
	.page-id-2646 .white-xmas .gerlingstrasse {
    right: 25%;
    top: 16%;
}
.white-xmas .altendorfstrasse {
    left: 4%;
    top: 14%;
}
.white-xmas .langenbrahmstrasse {
    top: 30%;
    left: 8%;
}
.white-xmas .kaninenberghohe {
    top: 24%;
    right: 20%;
}
.white-xmas .kupferdreher {
    right: 0%;
    top: 45%;
}
}
@media screen and (max-height:790px)   {
	#ourskills #timeline #timeline-inhalt .inhalt {min-width: 50px}
}
@media screen and (max-height:860px)   {
	#ourskills #timeline #timeline-inhalt .inhalt {min-width: 60px}
}
@media screen and (max-height:950px)   {
	#ourskills #timeline #timeline-inhalt .inhalt {min-width: 70px}
}
@media screen and (max-height:1000px)   {
	#ourskills #timeline #timeline-inhalt .inhalt {min-width: 75px}
}
@media screen and (max-width:1024px)   {
    #element-history p {text-align: left !important}
    .page-id-2646 #history .vc_col-sm-6 {
    height: 50vh;
}
#standorte .vc_custom_1544536594000 {
    height: 61vh;
}
#secondvideo, #tohistory {
    position: absolute;
    z-index: 9999;
    bottom: 5.5%;
    left: 50%;
}
.page-id-2646 .vc_column-6 {width: 50% !important}
#glFullscreen {
    width: 100%;
    height: 100vh;
    min-width: 640px;
    min-height: 360px;
    max-width: 640px;
    max-height: 550px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: transparent;
    margin-top: -140px;
}

    .page-id-2646 #history .vc_col-sm-6 {
	    width: 50% !important
	 }
#standorte, #nextVideo, #ourskills, #history {
    height: 97vh !important;
}
.vc_custom_1544534698915 {
    padding-top: 0px !important;
}
}
@media screen and (max-width: 1025px) and (min-width:600px) {
	#myVideo {
		    margin-left: -100px;
	}
	#secondvideo, #tohistory {    
		bottom: 17.5%;
	}
	#swipe-right {
    margin-top: 28%;
    z-index: 9999999999;
    position: absolute;
    margin-left: 57%;
}
#history .vc_col-sm-6, .page-id-2646 #history .vc_col-sm-6,.vc_col-sm-6 {width: 50% !important}
.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas {
	font-size:60px !important
}
#nextVideo .wpb_wrapper {     
	margin-bottom: 0px !important;
}
#secondVideo {
	margin-bottom: 0px !important
}
#refresh-browser {
    cursor: pointer;
    margin-left: -130px;
    margin-top: -40px;
}
#glFullscreen {
    width: 100%;
    height: 100vh;
    min-width: 640px;
    min-height: 360px;
    max-width: 640px;
    max-height: 550px;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: transparent;
    margin-top: -140px;
}
#heading-position .vc_col-sm-4, #heading-position .vc_col-sm-8 {
	width: 100%
}
.linear-gradient p {
	margin-top: 20px
}
#wedesignfuture #flip-container p, #wedesignfuture #flip, #wedesignfuture #flip-container {
	display: none
}

}
@media screen and (max-width:1024px) and (orientation:landscape) {
	#timeline #timeline-inhalt {
    overflow-y: scroll;}
}
@media screen and (max-width:991px) {
#glFullscreen {
    margin-top: -218px;
    margin-left: 0px;
    height: 85vh;
    min-width: 608px;
    left: -22%;
        top: 33%;
    position: absolute;
}
#history #heading-position .vc_col-sm-8, #history #heading-position .vc_col-sm-4 {width: 100%}
.linear-gradient p {text-align: center !important}
}
@media screen and (max-width:985px) {
.pointer {width: 25px;height:25px}
h4.top {
    font-size: 40px;
    line-height: 20px;}

h3.bottom {font-size: 22px}
#standorte .wpb_text_column :last-child {margin-bottom: 0px !important}

}
@media only screen and (max-width:800px){
	.page-id-2646 #history .vc_col-sm-6 {width: 100% !important}
	#timeline #timeline-inhalt {
    overflow-x: auto !important;
}
.page-id-2646 #history .vc_col-sm-6 {
    height: 70vh;
}
#history #element-history {
    position: absolute;
    top: 71%;
}
    #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
#slidetoskills {margin-top: 200px}
}
@media screen and (max-width:800px) and (orientation:portrait) {
#history #element-history {
    position: absolute;
    top: 62%;
}
}

@media screen and (max-width:600px) {
	#element-history p, #element-history p a {font-size:16px; line-height: 22px !important}
	#history #element-history {
    position: absolute;
    top: 53%;
}
	#timeline #timeline-inhalt {
    overflow-x: auto !important;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    position: absolute;
    left: 45%;
    top: 60%;
}

	   #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 50px;
}
.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
	font-size: 75px
	}
#glFullscreen {
    margin-top: -311px;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: 16%;
    position: absolute;
}
.page-id-2646 #history .vc_col-sm-6 {width: 100% !important}
    .page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    
	    width: 3em;
    height: 3em;
   }

}

@media screen and (max-width:767px) {
.page-id-2646 #history .vc_col-sm-6 {
    width: 100% !important;
    float: left;
}
#history #element-history {position: inherit}
}

@media screen and (max-width:576px) and (min-width:415px) {
.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {font-size: 70px !important; }
}
@media screen and (max-width:530px) {
.vc_custom_1544534698915 {padding-top: 0px !important}
#glFullscreen {margin-left: -15%;    margin-top: -300px;}
.page-id-2646 #history .vc_col-sm-6 {
    height: 23vh;
}
.linear-gradient p {
    color: #fff !important;
    margin-top: 20px;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    position: absolute;
    left: 45%;
    top: 30%;
}
#timeline #timeline-inhalt {height: 70vh}
#glFullscreen {
    margin-top: 0px;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: -100%;
    left: -11%;
    position: absolute;
}
}
@media screen and (max-width:414px){
	   #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
	.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
    font-size: 50px !important;
    line-height: 29px !important;
}

.page-id-2646 .white-xmas .bottom {font-size:18px !important}
    .page-id-2646 .white-xmas .top {font-size:30px !important}
    #element-history p, #element-history p a {    font-size: 16px;
    line-height: 20px !important;margin-bottom: 0px !important; margin-top: 0px;}
    #element-history .wpb_text_column :last-child {margin-bottom: 5px !important}
    .page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    width: 3em;
    height: 3em;}
#element-history p, #element-history p a {font-size: 16px; line-height: 20px !important;     margin-top: 0px;}
#history #element-history {
    position: absolute;
    top: 60%;
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 27px;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {        position: absolute;
    top: -6%;
    left: 44%;}

.page-id-2646 #history .vc_col-sm-6 {width: 100% !important}
}
@media screen and (max-width:411px) and (max-height:732px){
.white-xmas .kupferdreher {
    right: 9%;
    top: 115%;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    position: absolute;
    bottom: -398%;
    left: 44%;
}
}
@media screen and (max-width:375px) and (min-height:811px){
	   #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
.page-id-2646 #secondvideo .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	bottom: 20%;
    left: 48%;
        padding: 0px 20px;
}
	.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
    font-size: 50px !important;
    line-height: 29px !important;
}
#glFullscreen {
    margin-top: 0px;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: -49%;
    left: -24%;
    position: absolute;
}
.page-id-2646 .white-xmas .bottom {font-size:18px !important}
    .page-id-2646 .white-xmas .top {font-size:30px !important}
    #element-history p, #element-history p a {    font-size: 16px;
    line-height: 20px !important;margin-bottom: 0px !important; margin-top: 0px;}
    #element-history .wpb_text_column :last-child {margin-bottom: 5px !important}
    .page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    width: 3em;
    height: 3em;}
#element-history p, #element-history p a {font-size: 16px; line-height: 20px !important;     margin-top: 0px;}
#history #element-history {
    position: absolute;
    top: 79%;
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 27px;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    position: absolute;
    bottom: -196%;
    left: 44%;}
.page-id-2646 #history .vc_col-sm-6 {width: 100% !important}
}
@media screen and (max-width:495px){
	.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
    font-size: 55px !important;
    line-height: 30px !important;
}
#glFullscreen {
    margin-top: 0px;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: -100%;
    left: -11%;
    position: absolute;
}
.page-id-2646 .white-xmas .gerlingstrasse {
    right: 13%;
    top: 17%;
}
.page-id-2646 .white-xmas .altendorfstrasse {
    left: 8%;
    top: 43% !important;
}
.page-id-2646 .white-xmas .kaninenberghohe {
    top: 63%;
    right: 11%;
}
.page-id-2646 .white-xmas .langenbrahmstrasse {
    top: 76%;
    left: 8%;
}
.page-id-2646 .white-xmas .kupferdreher {
    right: 16%;
    top: 99%;
}
}
@media screen and (max-width:375px){
	   #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
	.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
    font-size: 50px !important;
    line-height: 29px !important;
}
#glFullscreen {
    margin-top: 0px;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: -49%;
    left: -31%;
    position: absolute;
}
.page-id-2646 .white-xmas .bottom {font-size:18px !important}
    .page-id-2646 .white-xmas .top {font-size:30px !important}
    #element-history p, #element-history p a {    font-size: 16px;
    line-height: 20px !important;margin-bottom: 0px !important; margin-top: 0px;}
    #element-history .wpb_text_column :last-child {margin-bottom: 5px !important}
    .page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    width: 3em;
    height: 3em;}
#element-history p, #element-history p a {font-size: 16px; line-height: 20px !important;     margin-top: 0px;}
#history #element-history {
    position: absolute;
    top: 70%;
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 27px;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    position: absolute;
    bottom: -196%;
    left: 47%;}
.page-id-2646 #history .vc_col-sm-6 {width: 100% !important}
.page-id-2646 #secondvideo .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	bottom: 20% !important;
    left: 48% !important;
    padding: 0px 20px;
}
}
@media screen and (max-width:360px){
	#glFullscreen {
    margin-top: -37px !important;
    margin-left: 0px;
    height: 85vh;
    min-width: 607px;
    top: -49%;
    left: -31%;
    position: absolute;
}
}

@media screen and (max-width: 600px) {
	.page-id-2646 #standorte {
		background-image: url('https://bdesign.de/wp-content/uploads/2018/12/Karte_essen_Standorte_weiss_02_mobil.gif') !important;
	}
}
@media screen and (max-width:500px) {
	.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas,.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas, .page-id-2646 #container #history h2.heading-xmas, .page-id-2646 #container #ourskills h3.heading-xmas {
		line-height: 60px !important;
		font-size:42px !important;
		}
.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
	font-size:42px !important;
}
#swipe-right {
	display: none;
}
}
@media screen and (max-width:414px) {
	#glFullscreen {
    margin-top: 0px;
    margin-left: 0px;
    height: 85vh;
    min-width: 600px;
       top: -140%;
    position: absolute;
    left: -27%;
}
.page-id-2646 #container #history h1.heading-xmas {
	margin-top: 15px !important
}
.page-id-2646 object#dreizigjahre, #dreizigjahre {
    position: absolute;
    left: 13%;
    max-width: 80%;
    top: 25%;
    transition: ease-in-out 2s;
}
.page-id-2646 #container #history h2.heading-xmas {
	margin: 28px 0 20px 35px !important
}
#tohistory .vc_icon_element-inner, #secondvideo .vc_icon_element-inner {
    border-radius: 100%;
    width: 3em;
    height: 3em;
    padding: 0px 20px;
}

.page-id-2646 #slidetoskills.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	top:0
}
#secondvideo {
    bottom: 25.5%;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    position: absolute;
    top: -40%;
    left: 44%;
} 
.page-id-2646 #slidetoskills .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	top:10% !important
}
.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas {
	line-height:40px !important
}
#history #element-history {
    position: absolute;
    top: 90%;
}
.page-id-2646 #secondvideo.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {margin-top: -100px}
.page-id-2646 #funfstandorte.vc_icon_element.vc_icon_element-outer.vc_icon_element-align-center .vc_icon_element-inner{top: 600% !important}
.page-id-2646 #standorte .white-xmas h2.heading-xmas,.page-id-2646 #container #standorte h2.heading-xmas {margin-top: 30px !important}
.page-id-2646 #container #standorte h3.heading-xmas {margin:23px 0 20px 25px !important}
.page-id-2646 #container #ourskills h3.heading-xmas {margin: 10px 0 20px 65px !important}
.page-id-2646 #container #ourskills h3.heading-xmas {background-size:100% !important}
}
@media(max-width:330px) {
	.page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h3.heading-xmas, .page-id-2646 #ourskills .white-xmas h2.heading-xmas, .page-id-2646 #container #history h1.heading-xmas, .page-id-2646 #container #standorte h2.heading-xmas, .page-id-2646 #container #ourskills h2.heading-xmas {
		line-height: 40px !important;
	}
.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
	font-size:32px !important;
}
#heading-position {
	padding-top: 20px !important;
}
.page-id-2646 #container #history h2.heading-xmas {
	margin:24px 0 20px 25px !important;
}
.page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner { 
	opacity: 0 !important;
	}
.page-id-2646 #wedesignfuture .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner, .page-id-2646 #ende-slide.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
	opacity:1 !important;
}
}
@media screen and (max-width:320px){
	.page-id-2646 .white-xmas h3.heading-xmas, .page-id-2646 h1.heading-xmas, .page-id-2646 .white-xmas h2.heading-xmas, .page-id-2646 h2.heading-xmas, h1.heading-xmas, h2.heading-xmas, h3.heading-xmas {
    font-size: 40px !important;
    line-height: 23px !important;
}
#timeline {
	height: 60vh
}
#ourskills #timeline #timeline-inhalt .inhalt {
    min-width: 15px;
}
#glFullscreen {
    margin-top: -257px !important;
    margin-left: -139px !important;
    height: 450px;
    min-width: 520px;       top: 15% !important;
    left: 1% !important;
    position: absolute;}
    .page-id-2646 #container #history .vc_col-sm-6 {width: 100% !important}
    #history #element-history {
	    top: 47%;
	}
    #element-history p, #element-history p a {    
	    font-size: 16px;
    line-height: 20px !important;
    margin-bottom: 0px !important; 
    margin-top: 0px;
    }
    #element-history .wpb_text_column :last-child {
	    margin-bottom: 5px !important
	}
    .page-id-2646 .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {    
	    width: 3em;
		height: 3em;
	}
    #standorte, #nextVideo, #ourskills, #history {
    height: -webkit-fill-available !important;
}
}