/*
Theme Name: 	Betheme Child
Theme URI: 		http://themes.muffingroup.com/betheme
Author: 		Muffin group
Author URI: 	http://muffingroup.com
Description:	Child Theme for Betheme - Premium WordPress Theme
Template:		betheme
Version: 		1.6.1
*/

/* Theme customization starts here -> Minified Version style.min.css
-------------------------------------------------------------- */

/*
 * Max-Content width: 1240px
 * Orange: #FF6C2F 100%
 * Blue: #20427E 100%
 * Beige/Grey   : #ECECEC 100%
 */

/* Downloads */
.page-id-1587 .fd-main-info-panel-title-wrap {
	margin-bottom: 1em;
}
@media only screen and (min-width: 1025px) {
	.page-id-1587 .fd-main-info-panel-title-wrap {
		margin-bottom: 2em;
	}
}
/* --------------------------------------------------------------
ALLGMEIN
-------------------------------------------------------------- */
.offerteGlas .fd-info-panel-inner-wrapper {
	min-height: 0 !important;
}
.offerteGlas .fd-sub-info-panel-text-wrap {
	margin-bottom: 0 !important;
}
@media only screen and (min-width: 1600px) {
	/* Bild Glas */
	.imgSmall {
		max-height: 650px;
	}
}
@media only screen and (min-width: 1920px) {
	/* Bild Glas */
	.imgSmall {
		max-height: 800px !important;
	}
}
@media only screen and (min-width: 2400px) {
	/* Bild Glas */
	.imgSmall {
		max-height: 1000px !important;
	}
}
/* --------------------------------------------------------------
NEWSTICKER
-------------------------------------------------------------- */
.the_content_wrapper pre {
	padding: 8px 5px 8px;
	background: #20417d;
	border: 0;
	border-radius: 0;
	margin: 0;
}
.ditty-item {
	padding: 0 100px !important;
	display: flex !important;
	align-items: center !important;
}
.ditty-item::before {
	content: "";
	background-image: url('https://fensterdoktor.ch/wp-content/uploads/2023/02/fenster_doktor_auto.png');
	background-repeat: no-repeat;
	background-size: contain;
	width: 45px;
	height: 30px;
	display: inline-block;
	margin-right: 10px;
}
.ditty-layout--1568 .ditty-item__link {
	color: white;
	text-decoration: none !important;
}
/* --------------------------------------------------------------
GOOGLE REVIEWS
-------------------------------------------------------------- */
.googleReviews pre {
	background: white;
	padding: 0;
}
.googleReviews .wpb_content_element, .googleReviews h2 {
	margin-bottom: 0;
}
.ti-widget, .ti-widget-container, .ti-reviews-container {
	line-height: 0 !important;
}
.googleReviewsContainer .ti-widget.ti-goog {
	overflow: hidden !important;
}
/* --------------------------------------------------------------
FEIERTAGE
-------------------------------------------------------------- */
@media only screen and (min-width: 769px) {
	.containerFeiertage table td:first-child {
		width: 30%;
	}
}	
@media only screen and (min-width: 1024px) {
	.containerFeiertage table td:first-child {
		width: 25%;
	}
}	
@media only screen and (min-width: 1280px) {
	.containerFeiertage table td:first-child {
		width: 20%;
	}
}	
/* --------------------------------------------------------------
MAP
-------------------------------------------------------------- */
.map .ol-marker img {
	max-width: 35px !important;
	/*height: 57px;*/
}
.the_content_wrapper .map pre {
	padding: 0 !important;
	background: transparent;
}
.wpgmza_map .ol-viewport:first-child > .ol-unselectable:first-child .ol-layer:first-child > canvas:first-child {
	filter: grayscale(100%) brightness(115%) !important;
}
.wpgmza-infowindow {
	display: none !important;
}
@media only screen and (max-width: 1023px) {
	#wpgmza_map_1 {
		height: 350px !important;
	}
}
/* --------------------------------------------------------------
JOBS
-------------------------------------------------------------- */
.jobsContainer .fd-sub-info-panel-text-wrap {
	padding-left: 0;
	padding-right: 0;
} 
@media only screen and (max-width: 1199px) {
	.jobsContainer {
		padding-left: 0 !important;
		padding-right: 0 !important;
	} 
	.jobsContainer .vc_column-inner {
		padding-left: 0;
		padding-right: 0;
	} 
}
/* --------------------------------------------------------------
JUBILÄUM
-------------------------------------------------------------- */
.jubilaeumBtn {
	display: none;
}
.page-id-17 .jubilaeumBtn {
	display: block;

	position: absolute;
	top: 83px;
	right: 15px;
}
.page-id-17 .jubilaeumBtn:hover {
	transform: rotate(15deg);
	transition: all .2s linear;
}
.jubilaeumBtn img {
	width: 100px;
	transform: rotate(10deg);
}
@media only screen and (min-width: 768px) {
	.page-id-17 .jubilaeumBtn {
		top: 15px;
		right: -100px;
	}
	.jubilaeumBtn img {
		width: 110px;
	}
}
@media only screen and (min-width: 960px) and (max-width: 991px) {
	.page-id-17 .jubilaeumBtn {
		right: 15px;
	}
}
@media only screen and (min-width: 1024px) {
	.page-id-17 .jubilaeumBtn {
		right: -140px;
	}
	.jubilaeumBtn img {
		width: 110px;
	}
}
@media only screen and (min-width: 1200px) {
	.page-id-17 .jubilaeumBtn {
		right: 0;
	}
	.jubilaeumBtn img {
		width: 130px;
	}
}
@media only screen and (min-width: 1600px) {
	.page-id-17 .jubilaeumBtn {
		top: 10px;
	}
	.jubilaeumBtn img {
		width: 150px;
	}
	/* Bild Glas */
	.imgSmall {
		max-height: 650px;
	}
}

#Header_wrapper {
	z-index: 1000;
}
/* --------------------------------------------------------------
KUNDENFEEDBACK
-------------------------------------------------------------- */
.kundenfeedback {
	margin-top: 2em;
}
.empfehlungVon {
	margin-bottom: 0;
}
.anregungen {
	margin-top: 1em;
	margin-bottom: .5em;
}
.page-id-1491 form {
	max-width: 100%;
}
.zufriedenheit .wpcf7-list-item {
	margin: 0 1em  0 0;
}
.empfehlungCheckbox .wpcf7-list-item.first.last, .messe .wpcf7-list-item, .internet .wpcf7-list-item, .inserat .wpcf7-list-item, .fahrzeugwerbung .wpcf7-list-item, .kunde .wpcf7-list-item {
	margin: 0;
}
.empfehlung {
	margin-bottom: 0;
}
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form .wpcf7-response-output {
	border-color: transparent;
	margin: 2em 0 0 0;
	padding: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: transparent;	
}
@media only screen and (min-width: 768px) {
	.zufriedenheit {
		margin-top: 1em;
	}
	.zufriedenheit div, .kontaktaufnahme .wpcf7-form-control.wpcf7-radio {
		display: flex;
	}
	.zufriedenheit div p:first-child, .kontaktaufnahme p {
		width: 152px;
	}
	.zufriedenheit .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(1) label {
		min-width: 140px;
		margin: 0 0 0 1em;
	}
	.zufriedenheit .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(2) label {
		min-width: 98px;
	}
	.zufriedenheit .wpcf7-form-control.wpcf7-radio .wpcf7-list-item:nth-child(3) label {
		min-width: 49px;
	}
}
@media only screen and (min-width: 1024px) {
	.zufriedenheit div p:first-child, .kontaktaufnahme p {
		width: 310px;
	}
}
@media only screen and (min-width: 1280px) {
	.zufriedenheit div p:first-child, .kontaktaufnahme p {
		width: 310px;
	}
}

/** Fonts **/
body, div, a, p, button, span, ul, li, h1, h2, h3, h4, h5, h6 {
    font-weight: normal !important;
}

/** General **/
a {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .hidden-sm {
        display: none !important;
    }
}

.fd-button-link {
    background-color: #20427e;
    color: white;
    padding: 6px;
    text-decoration: none;
}

.fd-button-link:hover {
    color: #20427e;
    background-color: white;
    padding: 6px;
    text-decoration: none;
}

.fd-button {
    background-color: #20417d;
    /*font-size: 18px;*/
    transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
}

.fd-button:hover {
    background-color: white;
    color: #20417d;
}

.fd-button.active {
    background-color: white;
    color: #20417d;
}

.fd-button.active:hover {
    background-color: #20417d;
    color: white ;
}

.fd-no-decoration {
    text-decoration: none;
}

.grau, .grey {
    background-color: #ECECEC;
}

.grau-80 {
    background-color: rgba(236, 236, 236, 0.81);
}

.grau-60 {
    background-color: rgba(236, 236, 236, 0.6);
}

.grau-40 {
    background-color: rgba(236, 236, 236, 0.41);
}

.orange {
    background-color:#FF6C2F ;
}

.orange-light {
    background-color: rgba(255, 108, 47, 0.5);
}
.orange-light-80 {
    background-color: rgba(255, 108, 47, 0.8);
}

.orange-light-60 {
    background-color: rgba(255, 108, 47, 0.6);
}

.orange-light-40 {
    background-color: rgba(255, 108, 47, 0.4);
}

.color-white {
    color: white;
}

.max-content-width {
    position: relative;
    max-width: 1240px;
    margin: 0 auto !important;
    width: 100%;
    height: 100%;
}

.column {
    padding: 0;
}

.pad-50 {
    padding: 20px 50px;
}
@media (max-width: 768px)
{
    .column {
        padding: 15px;
    }

    .pad-50 {
        padding: 0;
    }
}

.fd-font-xs {
    font-size: 9px;
}

/* Override */
.vc_row-has-fill > .vc_column_container > .vc_column-inner {
    padding-top: 0 !important;
}

/* Override */
.the_content_wrapper ul,
.the_content_wrapper ol{
    margin: 0 0 15px 20px;
}

/* Override */
.the_content_wrapper ul li,
.the_content_wrapper ol li{
    margin-bottom: 5px !important;
}

/** /General **/

/** Header **/
/* @Override */
header#Header{
    height: 75px;
    min-height: 75px !important;
    max-height: 75px;
    max-width: 1240px;
    margin: 0 auto;
}
/* @Override */
.header-overlay .overlay-menu-toggle {
    top: 20px;
}

/* @Override */
.header-overlay.ab-hide #Top_bar {
    top: 0;
}

/* @Override */
.header-transparent #Top_bar #logo {
    padding: 0 !important;
    max-width: 300px;
    padding-left: 15px !important;
}
.header-service-nr {
    margin-top: 29px;
}

.header-service-nr > span {
    font-size: 23px !important;
}
.header-service-nr a {
    text-decoration: none;
}

@media (max-width: 1024px)
{
    .header-service-nr {
        position: absolute;
        top: 20px;
        margin-top: 35px !important;
    }

    .header-service-nr > span {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .header-transparent #Top_bar #logo {
        padding: 0 !important;
        max-width: 250px;
        margin: 0 0 0 8px;
        padding-left:5px !important;
        position: absolute;
        top: 0;
        left: 0;
    }
    .header-service-nr {
        margin: 0;
    }

}

/* Override */
#Top_bar .logo {
    margin-left: 0 !important;
}

/* Override */
.text-logo #logo {
    font-size: 42px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 50px;
}

/** /Header **/

/** Overlay Menu **/
#Overlay {
    margin-top: 105px;
    overflow: hidden;
}
@media (min-width: 1240px) {
    .overlay-menu-toggle {
        right: 0
    }
}

.overlay-menu-toggle i.close {
    font-size: 46px;
    color: #20427E;
    opacity: 1;
    width: 56px;
}

#overlay-menu {
    top: 35%;
}

/* Override */
#overlay-menu ul li a:after,
#overlay-menu ul li a:before{
    content: '' !important;
}

/** /Overlay Menu **/

/** Footer **/
.widget_pages ul,
.widget_pages ul > li > a{
    padding: 0;
    margin: 0;
    text-decoration: none;
}
.widget_pages ul li {
    list-style-type: none;
}

.textwidget p {
    padding: 0 !important;
    margin: 0 !important;
}

/* Override */
#Footer .widgets_wrapper .widget {
    padding: 15px 15px;
}

.fd-footer-not-sticky {
    position: relative !important;
}


/* Override */
.section-page-footer {
    display: none;
}

@media (max-width: 768px) {

    #Footer .container {
        padding: 15px !important;
    }
    /* Override */
    .column {
        padding: 0;
    }
    /* Override */
    #Footer .widgets_wrapper .widget {
        padding: 15px 0;
    }
}

/** /Footer **/


/** Main Styles **/
.fd-info-panel-outer-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fd-info-panel-inner-wrapper {
    min-height: 240px;
    padding-bottom: 20px;
}


/** Main info Panel **/

/* Landing page specific */
.fd-main-info-panel-outer-wrapper {
    margin-top:35px;
}

.fd-main-info-panel-wrap-landing {
    height: 100%;
    min-height: 500px;
    max-height: 500px;
    padding: 0 55px;
}
.fd-main-info-panel-title-wrap {
    margin-top: 60px;
}
.fd-main-info-panel-image-wrap-landing {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 35px;
}
.fd-main-info-panel-image-wrap-landing img {
    position: absolute;
    top: -65px;
    right: -80px;
    height: 100%;
    max-height: calc(100% + 80px);
    z-index: 100;
}
@media (max-width: 1240px)
{
    .fd-main-info-panel-image-wrap-landing img {
        right: 65px;
        overflow: hidden;
        max-height: 440px;
    }
    .fd-main-info-panel-wrap-landing {
        height: 100%;
        min-height: 200px;
        padding: 0 15px;
    }
}
@media (max-width: 768px)
{
    .fd-main-info-panel-image-wrap-landing {
        width: 100%;
        height: 100%;
        min-height: 285px;
        position: relative;
        top: auto;
        padding: 0;
    }
    .fd-main-info-panel-image-wrap-landing img {
        right: 0;
        top: auto;
        position: relative;
    }
    .fd-main-info-panel-wrap-landing {
        height: 100%;
        min-height: 200px;
        padding: 0 15px;
        max-height: none;
    }
}
/* /Landing Page specific */


/* Normal Info Panels for Sub sites */
.fd-main-panel {
    display: block;
}
.fd-main-info-panel-wrap {
    height: 100%;
    min-height: 440px;
    padding: 0 55px;
}
.fd-main-info-panel-center-wrap {
    margin: 0 auto;
}
.fd-main-info-panel-title-wrap h3 {
}

.fd-main-info-panel-image-wrap {
    position: absolute;
    top: 0;
    right: 0;
    float:left;
    margin: 0 auto;
    max-width: 100%;
    max-height: 440px;
}

.fd-main-info-panel-image-wrap img {
    max-height: 440px;
}

/* Override */
.wpb_wrapper > .fd-info-panel-outer-wrapper {
    margin-bottom: 0 !important;
}

@media (max-width: 1024px) {
    .fd-main-info-panel-title-wrap {
        margin-top: 0;
        padding:0;
    }
}

@media (max-width:768px) {
    .fd-main-info-panel-center-wrap {
        margin-top: 15px;
    }

    .fd-main-info-panel-wrap {
        height: 100%;
        min-height: 200px;
        padding: 0 15px;
    }
}

/** /Main info Panel **/


/** Sub Info Panel **/
.fd-sub-panel {
    /*display: none;*/
}
.fd-sub-info-panel-wrap {
    height: 100%;
    padding: 30px 55px 0;

}
.fd-sub-info-panel-center-wrap {
    clear: both;
}
.fd-sub-info-panel-center-wrap table tr td {
    text-align: left;
    width: 50%;
    padding: 0 15px 0 0;
}

.fd-sub-info-panel-title-wrap {
    padding: 0 15px 15px 15px;
    clear: both;
}
.fd-sub-info-panel-text-wrap {
    padding: 0 15px 15px 15px;
}
/*
Testing
.fd-sub-info-panel-text-wrap a {
    clear: left;
    margin-top: 30px;
    color: white;
    background-color: #20427E;
    padding: 15px;
    min-width: 50px;
    font-size: 18px;
    text-decoration: none;
}
.fd-sub-info-panel-text-wrap a:hover {
    clear: both;
    margin-top: 30px;
    color: #20427E;
    background-color: #ececec;
    padding: 15px;
    min-width: 50px;
    font-size: 18px;
    text-decoration: none;
}
*/

.fd-sub-info-panel-image-wrap {
    position: relative;
    float: left;

}
.fd-sub-info-panel-image-wrap > a > img {
    width: 100%;
}

@media (max-width: 768px){

    .fd-sub-info-panel-title-wrap {
        padding: 0;
    }

    .fd-sub-info-panel-wrap {
        padding: 15px;
    }

    .fd-sub-info-panel-center-wrap table tr td {
        display: block;
        width: 100%;
    }

    .fd-sub-info-panel-text-wrap {
        padding: 0 !important;
        margin-top: 10px !important;
    }
}
/** /Sub Info Panel **/



/** Service Grid **/
.fd-service-grid-outer-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fd-service-grid-inner-wrapper {
    width: 100%;
    height: 100%;
    padding: 20px 50px 20px 70px;
}

.grid-image {
    width: 260px;
    height: 160px;
    float:left;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 10px 20px;
    padding: 0;
}

.grid-text-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    background-color: rgba(32, 66, 126, 0.75);
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.75s;
    -webkit-transition: opacity 0.75s;
    -moz-transition: opacity 0.75s;
}

.grid-text-wrapper:hover {
    opacity: 0;
}

.grid-text-wrapper:hover .grid-text {
    color: black;
}

.grid-text {
    position: absolute;
    top: calc(50% - 15px);
    right: 0;
    margin: 0 auto;
    padding:0 10px;
    text-align: center;
    width: 100%;
    height: 100%;
    color: white;
    /*font-size: 18px;*/
    transition: color 0.75s;
    -webkit-transition: color 0.75s;
    -moz-transition: color 0.75s;
}

@media (max-width: 768px)
{
    .fd-service-grid-inner-wrapper {
        width: 100%;
        height: 100%;
        padding: 15px;
        margin: 0 auto;
    }

    .grid-image {
        width: 100%;
        height: 160px;
        float:left;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 0 auto;
        margin-bottom: 15px !important;
    }
}

/** /Service Grid **/



/** Image Slider **/

.fd-image-slider-outer-wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
.fd-image-slider-inner-wrapper {
    min-height: 300px;
    padding-bottom: 20px;
}
.fd-image-slider-plugin {
    max-width: 960px;
    max-height: 280px;
    padding-top: 25px;
    margin: 0 auto;
}
.fd-slide {
    /*
    width: 300px !important;
    max-width: 300px !important;
    */
    height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    padding-bottom: 5px;
}

.fd-slide .fd-slide-img{
    min-width: 100%;
    min-height: calc(100% - 50px);
    height: 100% !important;
    max-height: 90%;
    background-repeat: no-repeat;
    background-size: cover;
}

.fd-image-slider-title-wrapper {
    padding: 0 15px;
}

div[class^="fd-slider-arrow"] {
    position: absolute;
    font-size: 48px;
    cursor: pointer;
}

.fd-slider-arrow-left {
    left: -100px;
    top: calc(50% - 24px);
    z-index: 10;
}

.fd-slider-arrow-right {
    right: -100px;
    top: calc(50% - 24px);
    z-index: 10;
}
@media (max-width: 1024px){
    .fd-image-slider-outer-wrapper {
        margin-bottom: 0 !important;
    }
    .fd-image-slider-title-wrapper {
        padding: 15px 15px 0;
    }
    .fd-slider-arrow-left {
        left: 0;
    }
    .fd-slider-arrow-right {
        right: 0;
    }
    .fd-image-slider-plugin {
        padding-top: 0;
    }
}

/** /Image Slider **/

/** Image Gallery NoSlide **/
.fd-image-gallery-noslide-outer-wrapper {

}
.fd-image-gallery-noslide-inner-wrapper {
    padding-bottom: 20px;
}
.fd-image-gallery-noslide-title-wrapper {
    padding: 15px;
}
.fd-image-gallery-noslide-images-wrapper {

}
.fd-image-gallery-noslide-group-wrapper {
    padding: 15px;

}
.fd-image-gallery-noslide-group {

}
.fd-image-gallery-noslide-img {
    /*
    width: 300px !important;
    max-width: 300px !important;
    */
    height: 200px !important;
    max-height: 200px !important;
    overflow: hidden;
    background-size:cover;

}
.fd-image-gallery-noslide-subtext {

}

@media (max-width: 768px){
    .fd-image-gallery-noslide-title-wrapper {
        padding: 15px 15px 0;
    }
    .fd-image-gallery-noslide-inner-wrapper {
        padding: 15px;
    }
}

/** /Image Gallery NoSlide */


/** Team **/

.fd-team-outer-wrapper {

}
.fd-team-inner-wrapper {
    width: 100%;
    padding-bottom: 0 !important;
}
.fd-team {

}
.fd-team-image-wrapper {
    margin: 0 auto;
    text-align: center;
    padding: 15px;
}
.fd-team-details-wrapper {
    max-width: 248px;
    width: 248px;
    margin: 0 auto;
    text-align: left;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .fd-team-details-wrapper {
        max-width: calc(100% - 30px);
        margin-left: 15px;
        padding: 0 5px 5px 5px;
    }

    .fd-team-image-wrapper img {
        width: 100%;
    }
}

/** /Team **/

/** Contact Mail Info **/
.fd-mail-info {
	padding: 15px;
}

/** Contact form **/
.wpcf7
{
    width: 100%;
    padding: 15px !important;
    margin: 0 auto;
}
.wpcf7-form {
	width: 100%;
	max-width: 75%;
}
.kontaktformular-neu form {
	max-width: 100%;
}
@media only screen and (max-width: 767px) {
	.kontaktformular-neu form label {
		font-size: 16px;
	}	
}
@media only screen and (min-width: 768px) {
	.kundenfeedbackAngaben {
		display: flex;
		justify-content: space-between;
	}
	.feedbackAngaben01, .feedbackAngaben02,
	.feedbackAngaben01 div input, .feedbackAngaben02 div input {
		min-width: 47%;
	}
}
@media only screen and (min-width: 1024px) {
	.formularInteresse, .kundenfeedbackAngaben {
		display: flex;
		justify-content: space-between;
	}
	.angabenKontakt, .angabenInteresse,
	.angabenKontakt div input, .angabenInteresse div input {
		min-width: 47%;
	}
}

/*
.wpcf7 input,
.wpcf7 textarea {
    float:left;
    min-width: 300px;
    max-width: 500px;
    padding: 2px 5px !important;
}
*/
.wpcf7 label {
    float:left;
    min-width: 140px;
    text-align: left;
}
.wpcf7 input[type='submit'] {
    float: left;
}

.style-simple table td {
    border: 0 !important;
    border-color: transparent;
    padding: 2px 15px;
    vertical-align: text-top;
}

.contact-image {
    position: absolute;
    top: 150px;
    max-width: 95%;
}
/* Container */
#wpcf7-f1381-p46-o1 {
	margin-bottom: 100px;
}
/* Multiple File Upload */
.codedropz-upload-inner h3, .codedropz-upload-inner span, .codedropz-upload-inner a {
	font-size: 16px;
	margin: 0;
}
@media only screen and (min-width: 768px) {
	.codedropz-upload-inner h3, .codedropz-upload-inner span, .codedropz-upload-inner a {
		font-size: 20px;
	}
}
/* Bild Bus */
#bus-kontakt-desktop {
	position: absolute;
	top: 850px;
	right: 50px;
}
@media only screen and (max-width: 1023px) {
	#bus-kontakt-desktop {
		display: none;
	}
}
@media only screen and (min-width: 1600px) {
	#bus-kontakt-desktop {
		right: 270px;
	}
}
@media only screen and (min-width: 2400px) {
	#bus-kontakt-desktop {
		top: 870px;
		right: 700px;
	}
}
@media (max-width: 768px)
{
    .wpcf7-form table tr td {
        display: block;
    }
    .wpcf7-form {
        max-width: 100%;
        padding-right: 15px;
    }
    .wpcf7-form label {
        min-width: 140px;
        text-align: left;
    }
    .wpcf7-from input {
        max-width: 50%;
    }
    .wpcf7-form-control-wrap input,
    .wpcf7-form-control-wrap textarea {
        /*max-width: 100%;*/
        max-width: auto;
    }

    .wpcf7-form input[type='submit'] {
        display: block;
    }
    .style-simple table td {
        border: 0 !important;
        border-color: transparent;
        padding: 5px 0 5px 5px;
    }

    .table-responsive table {
        overflow-x: hidden;
    }

}

/** /Contact form **/


/** Google Maps **/
.google-maps-outer-wrapper {
    min-height: 400px;
    margin-bottom: 0 !important;
}
.google-maps-inner-wrapper {
    width: 100%;
    height: 100%;
    min-height: 400px;
}
.google-maps{
    width: 100%;
    height: 100%;
    min-height: 400px;
}
/** /Google Maps **/


/** Stick Icons **/
.fd-sticky-icons-outer-wrapper {
    position: fixed;
    top: calc(15% + 75px);
    right: 0;
    width: 50px;
    height: 170px;
    z-index:100;
}
.fd-sticky-icons-inner-wrapper {
    width: 100%;
    height: 100%;
}

.fd-sticky-icon {
    float: left;
    background-color: #20427E;
    width:100%;
    height: 50px;
    padding-bottom: 3px;
    text-align: center;
    margin-top: 5px;
    cursor: pointer;
}

.fd-sticky-icon > .fd-font-xs {
    max-height: 15px;
    margin-top: -6px;
}

.fd-sticky-icons-whatsapp {
    width: 35px;
    height: 50px;
    background-image: url(https://fensterdoktor.ch/wp-content/uploads/2017/06/whatsapp.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    fill: white;
}
.fd-sticky-icons-contact {
    width: 35px;
    height: 50px;
    background-image: url(https://fensterdoktor.ch/wp-content/uploads/2017/06/email.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    fill: white;
}
.fd-sticky-icons-phone {
    width: 50px;
    height: 50px;
    background-image: url(https://fensterdoktor.ch/wp-content/uploads/2017/06/hotline.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    fill: white;
}
.fd-sticky-icons-google-rezension {
    width: 38px;
    height: 50px;
    background-image: url(https://fensterdoktor.ch/wp-content/uploads/2020/11/icon_stern_bewertung.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin: 0 auto;
    fill: white;
}

@media (max-width: 768px)
{
    .fd-sticky-icons-outer-wrapper {
        position: relative;
        width: 100%;
        height: 60px;
        background-color: #20427E;
    }
    .fd-sticky-icons-inner-wrapper {
        width: 200px;
        height: 100%;
        margin: 0 auto;
    }

    .fd-sticky-icon {
        float: left;
        background-color: #20427E;
        width:25%;
        height: 50px;
        padding-bottom: 3px;
        text-align: center;
        margin-top: 5px;
        cursor: pointer;
    }
    .fd-sticky-icon > .fd-font-xs {
        margin-top: -3px;
    }

}
/** /Sticky Icons **/

/** ISSUU **/
.fd-issuu-outer-wrapper iframe {
    min-height: 800px;
}
@media (max-width: 768px)
{
    .fd-issuu-outer-wrapper iframe {
        min-height: 485px;
    }
}

/** Colorbox **/

/* Override */
#cboxTitle {
    color: #20427E !important;
}

@media screen and (min-width: 768px){
	.fd-main-info-panel-image-wrap-landing{
		width: 33.33333333%;
		position: relative;
	}
	.fd-main-info-panel-image-wrap-landing img{
		max-height: none;
		right: 0;
		top: -35px;
	}
	.logo-overflow #Top_bar:not(.is-sticky) .logo{
		height: auto !important;
	}

}

@media screen and (min-width: 768px) and (max-width: 1240px){
	.header-service-nr{
		position: relative;
		margin-top: 0 !important;
		top: 0;
	}
}

@media screen and (min-width: 1240px){
	.fd-main-info-panel-image-wrap-landing{
		width: 50%;
	}
	
	.fd-main-info-panel-image-wrap-landing img{
		right: 0;
	}
}

.bubble-button {
    color: #fff;
    background-color: #20427E;
    width: 125px;
    height: 125px;
    right: 65px;
    top: -10px;
    position: absolute;
    z-index: 1000;
    border-radius: 50%;
    padding: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    transform: rotate(-15deg);
    font-size: 16px;
    line-height: 1;
    border: 0;
    animation-duration: 2s;
    animation-name: pulse;
    animation-iteration-count: infinite;
}


@-webkit-keyframes pulse {
    0% {
      -webkit-box-shadow: 0 0 0 0 #20427E;
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px #20427E;
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 #20427E;
    }
  }

@keyframes pulse {
    0% {
      -moz-box-shadow: 0 0 0 0 #20427E;
      box-shadow: 0 0 0 0 #20427E;
    }
    70% {
        -moz-box-shadow: 0 0 0 10px #20427E;
        box-shadow: 0 0 0 10px #20427E;
    }
    100% {
        -moz-box-shadow: 0 0 0 0 #20427E;
        box-shadow: 0 0 0 0 #20427E;
    }
}

@media screen and (min-width: 768px) and (max-width: 1240px) {
    .bubble-button {
        display: none;
    }
}

.social-header {
    /*float: right;*/
    float: left;
    margin-top: 35px;
}

.social-header-mobile {
    display: none;
    width: 100%;
    padding: 15px 5px;
    background-color: #ececec;
    margin-top: 15px;
}

.social-header a,
.social-header-mobile a {
    margin-left: 10px;
    text-decoration: none;
    line-height: 0;
}

.social-header img,
.social-header-mobile img {
    width: 20px;
    height: 20px;
}

@media screen and (max-width: 992px) {
    .social-header {
        display: none;
    }
    .social-header-mobile {
        display: flex;
    }
    #Content {
        padding-top: 0;
    }
}