/*
Theme Name: Bridge Child
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
/*.wpostahs-slider-nav-content {width: 80%!important; margin: 0 auto!important; }
.slick-slide {float: none!important;}*/
.wpostahs-slider-for {width: 80%; margin: 0 auto;}
.wpostahs-slider-design-2 .wpostahs-centent {width: 100%; max-width: unset!important;}
.wpostahs-centent-title {display: none!important; /*font-size: 25px; margin: 0px 0px 35px !important; line-height: 40px;*/}
.wpostahs-slider-nav-content div:nth-child(2) {float: right; width: calc(49% - 15px); padding: 0px!important;}
.wpostahs-slider-nav-content div:nth-child(2) .vc_tta-container {padding: 0px!important;}
.wpostahs-slider-nav-content div:nth-child(2) .vc_tta-container .unter-pading-left {padding: 0px!important; width: 100%!important;}
.wpostahs-slider-design-1 .wpostahs-slider-for .wpostahs-centent, .wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p {text-align: left!important;}
.wpostahs-centent h2 {margin-bottom: 20px;}
.wpostahs-slider-nav-content div:nth-child(3) {float: left; width: calc(49% - 15px); text-align: right!important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button,.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button:hover {border-color: #ffcc00!important;  background: #ffcc00!important; outline: none; cursor: pointer;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {color: #717070!important;}
.wpostahs-slick-slider .slick-dots {display: none!important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {background: #ffcc00!important; outline: none!important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {top: 49%!important;}
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow {top: 50% !important; margin-top: -16px !important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {background: #d8dde7;}
.slick-active .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title  button {background: #ffcc00;}
.wpostahs-slider-nav-title.slick-slide.slick-current.slick-active.slick-center .wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title .wpostahs-main-title button {background: #ffcc00!important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-main-title {top: 20px!important;}
.wpostahs-slider-design-2 .wpostahs-slider-nav-title .wpostahs-title {width: 50px!important; margin: 0 auto; top: -50px!important; position: relative!important;}


@media (max-width: 800px) {
	.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-list.draggable::before {width: 80%;}
	.wpostahs-slider-nav-content div:nth-child(2) {width: 100%; display: block; padding: 0px!important;}
	.wpostahs-slider-nav-content div:nth-child(3) {width: 100%; display: block; padding: 0px!important;}
	.wpostahs-slider-design-1 .wpostahs-slider-for .wpostahs-centent,  .wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent h2, .wpostahs-slider-design-2 .wpostahs-slider-for .wpostahs-centent p {text-align: center!important;}
	.wpostahs-centent {margin-bottom: 50px!important;}
	.wpostahs-centent .damals-slider {padding-bottom: 0px!important;}
}

.ac-container label {
	position: relative;
	display: block;
	height: 30px;
	cursor: pointer;
	color: #717070;
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 20px;
}

.ac-container label:before {
	content: url(/assets/uploads/plus.svg);
	width: 12px!important;
	height: 12px!important;
	margin-right: 10px;
	display: inline-block;
	top: 1px;
    position: relative;
}

.ac-container label:hover{
	background: #fff;
}

.ac-container input:checked + label:before{
	content: url(/assets/uploads/minus.svg);
	width: 12px!important;
	height: 12px!important;
	margin-right: 10px;
	display: inline-block;
	top: -3px;
    position: relative;
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down.png) no-repeat center center;	
}

.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up.png);
}

.ac-container input{
	display: none;
}

.ac-container article {
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	overflow:hidden;
}

.ac-container input:checked ~ article{
	transition: max-height 0.5s ease-in-out, 
}

.ac-container input:checked ~ article.ac-height{
	height: auto;
	/*max-height: 1000px;*/
}



/*-------------------------------------------------------------------------------------------------------------------------
GENERAL
--------------------------------------------------------------------------------------------------------------------------*/
html {
  /*scroll-behavior: smooth;*/
	overflow-y: auto;
}
::-moz-selection { background: #ffcc00; }
::selection { background: #ffcc00; }
/* width */				::-webkit-scrollbar {width: 7px;}
/* track */				::-webkit-scrollbar-track {background: #717070;}
/* handle */			::-webkit-scrollbar-thumb {background: #ffcc00;}
/* handle on hover */	::-webkit-scrollbar-thumb:hover {background: #ffcc00;}

/*@media only screen and (max-width: 768px) {  
    .boxed div.section .section_inner, .carousel-inner .slider_content_outer, .container_inner, .container_inner nav.content_menu, .footer_bottom_border.in_grid, .footer_top_border.in_grid, .full_width .parallax_content, .steps_holder_inner, .title_border_in_grid_holder, div.grid_section .section_inner, nav.content_menu ul {
        width: auto !important;
    }
}*/

#back_to_top {background: transparent!important;}

/*-------------------------------------------------------------------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------------*/
body {overflow: scroll;
    /*font-family: 'Average Sans', sans-serif;*/ 
    color: #717070; letter-spacing: 0px!important;}
p { font-weight: 300!important; color: #717070; letter-spacing: 0px!important;}
strong { font-weight: 600 !important; }
h1 {font-size: 24px; line-height: 42px; font-weight: 400!important; color: #717070; letter-spacing: 0px!important; margin-bottom:8px!important;}
h2 {font-size: 24px; line-height: 50px; font-weight: 300!important; color: #717070; text-transform: none!important; letter-spacing: 0px!important;}
.h1, .h2, .h3, .h4, .h5, .h6, a, h1, h2, h3, h4, h5, h6 {
    color: #717070;
}

h4 {font-weight: 300 !important; text-transform: none !important; letter-spacing: 0 !important;}
i {font-family: 'FontAwesome'; font-style: normal;}
li {list-style-position: initial; margin-left: 15px;}
input {font-family: 'Open Sans', sans-serif;}



/*-------------------------------------------------------------------------------------------------------------------------
CUSTOM CSS
--------------------------------------------------------------------------------------------------------------------------*/
.wpb_single_image img {width: fit-content!important;} /* Für die Download Bilderr unter Downloads > Türen */
.vc_pagination-trigger {background-color: transparent!important; border-color: #717070!important; border: 1px solid #717070!important; height: 12px!important; width: 12px!important;}
.vc_active .vc_pagination-trigger {background-color: #717070!important; }
li.testimonial_content {margin-left: 0px!important;}



/*-------------------------------------------------------------------------------------------------------------------------
KUNDENBEREICH
--------------------------------------------------------------------------------------------------------------------------*/

/* Passwort vergessen? */
.login form {
	border: 0px!important;
	box-shadow: none!important;
}

/* Login */
.kundenlogin {
    margin: 100px auto 200px!important;
    width: 250px;
}



form#rcp_login_form {
	max-width: 250px;
}

input#rcp_user_login, input#rcp_user_pass, input#rcp_user_pass_confirm {
    border: none;
    border-bottom: 1px solid #717070;
    width: 100%;
    padding: 4px 0px!important;
	outline: none;
	font-size: 14px;
    font-weight: 300;
	transition: .3s;
}

#rcp_registration_form input {
    border: none;
    border-bottom: 1px solid #7170707a;
    width: 100%;
	outline: none;
	font-size: 14px;
    font-weight: 300;
	transition: .3s;
}

#rcp_registration_form input:focus {
    border-bottom: 1px solid #000;
	transition: .6s;
}

.rcp_form input {
    padding: 4px 0px!important;
}

p.rcp_lost_password a {
	color: #717070;
}

input#rcp_login_submit, input#rcp_lostpassword_submit, #rcp_registration_form input#rcp_submit, input#rcp_profile_editor_submit, input#rcp_password_submit {
	letter-spacing: 1px;
    width: fit-content!important;
    height: 37px;
    padding: 0 23px!important;
    border: 1px solid #717070;
    font-size: 12px!important;
    text-align: center!important;
    letter-spacing: 0px!important;
    -o-border-radius: 0px!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-weight: 500!important;
    background: #fff;
    color: #717070;
    border: 1px solid #717070!important;
    outline: 1px solid transparent;
	transition: .2s;
}

.rcp_logged_in {
    height: 37px;
    line-height: 37px;
    padding: 0 23px;
    border: 1px solid #717070;
    font-size: 12px!important;
    text-align: center!important;
    letter-spacing: 0px!important;
    -o-border-radius: 0px!important;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
    font-weight: 500!important;
    background: #fff;
    color: #717070;
    border: 1px solid #717070!important;
    outline: 1px solid transparent;
	transition: .3s;
}

input#rcp_login_submit:hover, input#rcp_lostpassword_submit:hover, .rcp_logged_in:hover, #rcp_registration_form input#rcp_submit:hover, input#rcp_profile_editor_submit:hover, input#rcp_password_submit:hover {
	background: #717070;
    color: #fff;
    border: 1px solid #717070!important;
    outline: 1px solid transparent;
	transition: .2s;
	cursor: pointer;
}

.rcp_logged_in:hover a {
	color: #fff!important;
}

/* Registrierung */
.registrieren {
	width: 500px;
    margin: 50px auto 200px!important;
}

#rcp_user_login_wrap {
    display: none!important;
}

input:focus label {
	color: #000;
}

#rcp_registration_form {
    padding: 15px 0px!important;
}

input#rcp_agree_to_terms {
    width: auto;
}

p#rcp_agree_to_terms_wrap {
    margin: 10px 0 0px;
}

.rcp_registration_total_details  {
	display: none !important;
}


p#rcp_user_first_wrap, p#rcp_streetname_wrap, p#rcp_plz_wrap, p#rcp_telefon_wrap {
    width: 47%;
    display: inline-block;
	margin-right: 5%;
}

p#rcp_user_last_wrap, p#rcp_city_wrap, p#rcp_land_wrap, p#rcp_website_wrap {
    width: 47%;
    display: inline-block;
}

fieldset.rcp_user_fieldset {
    margin-top: 50px!important;
}

fieldset.rcp_user_fieldset p:nth-child(4) {
    margin-bottom: 50px;
}

/*
fieldset.rcp_user_fieldset p:nth-child(11) {
    margin-bottom: 50px;
}
*/

.rcp_form input[type="checkbox"] {
    width: 10px!important;
}

p.rcp_success span, p.rcp_error span {
	padding: 0px!important;
}

p.rcp_error, p.rcp_success {
	padding: 10px 15px!important;
}


/* Sidebar */
ul#menu-kundenbereich_menu li:last-child {
	color: #b8b8b8!important;
}

ul#menu-kundenbereich_menu li:last-child::before {
	content: url(/assets/uploads/logout.svg);
    height: 16px;
    width: 10px;
    display: inline-block;
    position: relative;
    top: 2px;
    margin-right: 7px;
}

@media (max-width: 768px) {
aside .widget li {
    display: inline-block;
    width: auto;
	margin: 0 20px 10px 0px!important;
}}


/* Kundenbereich */
.container.restricted {
    margin: 200px 0 100px;
}

.welcome p {
	margin-bottom: 10px!important;
}

@media (max-width: 768px) {
	.container.restricted {
    margin: 100px 0 100px;
}}




/* Mein Konto */
form#rcp_profile_editor_form {
	max-width: 450px;
}

form#rcp_profile_editor_form legend {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 20px;
}

.rcp_form fieldset {
	margin-bottom: 30px!important;
}

form#rcp_profile_editor_form input {
	width: 100%;
    border: none;
    border-bottom: 1px solid #717070;
	outline: none;
	font-size: 14px;
    font-weight: 300;
	transition: .3s;
}


form#rcp_profile_editor_form input input:focus {
    border-bottom: 1px solid #000;
	transition: .6s;
}

form#rcp_profile_editor_form .rcp_form p, form#rcp_profile_editor_form p {
	width: 40%;
	margin: 0 30px 30px 0;
	display: inline-block;
}

p.rcp_success {
    max-width: 450px;
    width: max-content;
}




a.delete_account {
    height: 37px;
    padding: 9px 23px!important;
    border: 1px solid #717070;
    font-size: 12px!important;
    text-align: center!important;
    letter-spacing: 0px!important;
    color: #717070;
    border: 1px solid #717070!important;
	transition: .3s;
}

a.delete_account:hover {
	border: 1px solid #717070;
	background-color: #717070;
	color: #fff;
	transition: .3s;
}


/* Mein Konto ausgeloggt */
.kundenlogin_loggedout {
	width: 300px;
}


/* Kundenbereich Sidebar */
ul#menu-kundenbereich_menu li.current-menu-item {
	color: #717070!important;
    font-weight: 900;
	border-bottom: 1px solid #717070;
	width: max-content;
}

ul#menu-kundenbereich_menu li a {
	transition: all 0.2s ease-in-out;
    position: relative;
}

ul#menu-kundenbereich_menu li a:hover a:before, ul#menu-kundenbereich_menu li a:hover a:after, ul#menu-kundenbereich_menu li a:hover::before, ul#menu-kundenbereich_menu li a:hover::after {
    width: 100%;
    opacity: 1;
}

ul#menu-kundenbereich_menu li a:before, ul#menu-kundenbereich_menu li a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    width: 0px;
    height: 1px;
    margin: 5px 0 0;
    transition: all 0.2s ease-in-out;
    transition-duration: 0.4s;
    opacity: 0;	
}

ul#menu-kundenbereich_menu li a:after {
    left: 0;
    background-color: #717070;
}


/* Password vergessen */
.login .message {
	border-left: none!important;
	box-shadow: none!important;
}

.kundenlogin p.rcp_success {
max-width: 220px;
width: max-content;
}

/*-------------------------------------------------------------------------------------------------------------------------
RESTRICTED CONTENTS
--------------------------------------------------------------------------------------------------------------------------*/

.acf-field textarea {
    height: 100px;
}

.restricted h3 {
	font-size: 20px;
	letter-spacing: -.5px;
	margin-bottom: 30px;
    font-weight: 600;
    text-transform: none;
}

.restr_wrapper {
	float: left;
	width: 100%;
    margin: 0 0 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #717070;
}

.restr_wrapper:last-child {
	border-bottom: none!important;
}

.restr_wrapper_inner {
    /*float: left;*/
	max-width: 75%;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.restr_wrapper_inner_large {
    /*float: left;
	position: relative;
	height: 220px;
	width: calc(80% - 30px);*/
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.restr_wrapper .inner {
    /*width: 20%;*/
    height: auto;
}


.restr_vorschaubild {
	/*float: left;* machte pronleme mit dem a-tag */ 
	display: inline-block;
	margin-right: 30px;
	box-shadow: -3px 3px 5px 1px rgba(0, 0, 0, 0.2);
    border: 1px solid #e8e8e8;
    max-width: 140px;
    max-height: 200px;
}

.restr_wrapper h4 {
    padding-bottom: 20px;
	letter-spacing: 0px;
}

.restr_wrapper p {
 
}

a.restr_dlbtn {
	float: left;
	position: relative;
	margin-top: 20px;
	padding: 5px 23px!important;
    font-size: 12px!important;
    text-align: center!important;
    letter-spacing: 0px!important;
    font-weight: 500!important;
    background: #fff;
    color: #717070;
    border: 1px solid #717070!important;
    outline: none;
    transition: .2s;
	letter-spacing: .5px!important;
}

a.restr_dlbtn:hover {
	background: #717070;
    color: #fff;
    border: 1px solid #717070!important;
    outline: 1px solid transparent;
	transition: .2s;
	cursor: pointer;
}


@media (max-width: 768px) {
	.restr_wrapper {padding-bottom: 30px;}
	.restr_wrapper_inner {display: inline-block; padding: 0px 0 0; height: auto; width: calc(60% - 30px);}
	.restr_wrapper .inner {min-width: fit-content!important;}
	.restr_wrapper_inner_large {height: auto; display: inline-block; width: auto; padding: 30px 0 0;}
	form#rcp_profile_editor_form .rcp_form p, form#rcp_profile_editor_form p {width: 100%;}
}

@media (max-width: 600px) {
	.restr_wrapper_inner {display: inline-block; padding: 30px 0 0; height: auto; width: 100%;}
}


/*-------------------------------------------------------------------------------------------------------------------------
DOWNLOADS
--------------------------------------------------------------------------------------------------------------------------*/
.downloads_grid_3columns {
	padding: 100px 0;
}

.downloads_grid_3columns:nth-child(even) {
	background-color: #f8f8f8;
}


.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
    max-width: 255px;
	min-height: 650px;
    /* margin: 0 auto; */
}


.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper .wpb_single_image {
	min-height: 362px;
}

.downloads_grid_3columns .wpb_single_image img {
    height: 100%;
    max-height: 400px;
    box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.2);
}

.downloads_grid_3columns .wpb_column.vc_column_container.vc_col-sm-4 h2 {
    margin-top: 25px;
    font-size: 25px;
    line-height: 38px;
}

.downloads_grid_3columns .wpb_column.vc_column_container.vc_col-sm-4 .wpb_content_element:nth-child(4) {
    bottom: 70px;
    position: absolute;
}

.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper a.qbutton {
	bottom: 0px!important;
    position: absolute;
}

.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 {
	margin-bottom: 75px;
}

@media (max-width: 768px) {
	.mobile-title {
		margin-top: 100px!important;
	}
	
	.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 {
		margin-bottom: 75px;
	}
	
	.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper {
		max-width: 100%!important;
	    min-height: auto;
	}
	
	.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper .wpb_single_image {	
		float: left;
    	max-width: 165px;
    	margin-right: 30px;
	    min-height: 100%;
	}
	
	.downloads_grid_3columns .wpb_column.vc_column_container.vc_col-sm-4 .wpb_content_element:nth-child(4) {
		bottom: auto;
		position: relative!important;
	}
	
	.downloads_grid_3columns .wpb_column > .vc_column-inner > .wpb_wrapper .vc_row .full_section_inner .vc_col-sm-4 .vc_column-inner > .wpb_wrapper a.qbutton {
		bottom: auto;
		position: relative!important;
		margin-top: 25px!important;
	}
	
	.downloads_grid_3columns .wpb_text_column {
		float: left;
		width: 100%;
	}
}

	
/*-------------------------------------------------------------------------------------------------------------------------
BUTTONS
--------------------------------------------------------------------------------------------------------------------------*/
a.qbutton.default {letter-spacing: 1px!important;}
.btn_01 {background: #fff; color: #717070; border: 1px solid #717070!important; outline: 1px solid transparent; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
a.qbutton.default.btn_01:after {
    width: 20%;
    height: 100%;
    left: 100%;
    top: 0;
    background: #49a7df;
    -webkit-transform-origin: 0% 0%;
    -webkit-transform: rotateY(90deg);
    -moz-transform-origin: 0% 0%;
    -moz-transform: rotateY(90deg);
    -ms-transform-origin: 0% 0%;
    -ms-transform: rotateY(90deg);
    transform-origin: 0% 0%;
    transform: rotateY(90deg);
}
.qbutton {width: fit-content!important; height: 37px; padding: 0 23px; border: 1px solid #717070; font-size: 12px!important; text-align: center!important; letter-spacing: 0px!important; -o-border-radius: 0px!important; -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; font-weight: 500!important;}
input.wpcf7-form-control.wpcf7-submit:not([disabled]) {border: 1px solid #303030; font-weight: 500;}
.rev-btn		{min-height: 38px; border-width: 2px!important; border-color: #fff!important;}
.rev-btn:hover	{min-height: 38px; border-width: 2px!important; border-color: #fff!important;}


/*-------------------------------------------------------------------------------------------------------------------------
HEADER
--------------------------------------------------------------------------------------------------------------------------*/
.q_logo img {width: 230px!important;}



@media only screen and (max-width: 1024px) {  
    .q_logo img {
        width: 185px !important
    }
    
    header .q_logo {
        position: fixed;
        left: 25px;
        top: 10px;
    }
}

@media only screen and (max-width: 768px) {  
    .q_logo img {
        width: 170px !important;
    }
}


/*-------------------------------------------------------------------------------------------------------------------------
HEADER TOP BAR
--------------------------------------------------------------------------------------------------------------------------*/
.header_top .textwidget.custom-html-widget span {border-right: 1px solid white; padding-right: 15px; margin-right: 15px;}

.header_top .header-widget {
    line-height: 31px;
    font-size: 13px;
}

.header_top .header-widget span, .header_top .header-widget a {
    font-size: 12px !important;
}



/*-------------------------------------------------------------------------------------------------------------------------
HEADER MENU
--------------------------------------------------------------------------------------------------------------------------*/
.side_menu, .side_menu_slide_from_right .side_menu {
    padding-top: 150px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    background-color: #F8F8F8 !important;
    transition: all .2s ease-in-out !important;
}

.skrolovano .side_menu {
    top: 0 !important;
}

.side_menu::before {
    float: right;
    display: block;
    content: "";
    width: 0;
    height: 100px;
    position: fixed;
    background: #F8F8F8;
    z-index: 3;
    top: 0;
    right: 0;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

@media only screen and (max-width: 768px) {
    
    .custom-opened-side-menu .side_menu::before {
        width: 100%;
    }
    
    .homepage-slider .tp-bullets {
        top: auto !important;
        bottom: -65px !important;
    }
}

@media only screen and (min-width: 1024px) {
    
    .skrolovano .side_menu::before {
        top: 0;
    }
    
    .side_menu::before {
        top: 33px;
    }
}

.custom-opened-side-menu .side_menu::before {
    width: 30%;
}

/*
.right_side_menu_opened.side_menu_slide_from_right .side_menu {
    visibility: hidden;
    right: 31%;
}
*/

.custom-opened-side-menu.side_menu_slide_from_right .side_menu {
    right: 0;
    visibility: visible;
    -moz-transition: right .2s ease-in-out;
    -o-transition: right .2s ease-in-out;
    -webkit-transition: right .2s ease-in-out;
    transition: right .2s ease-in-out;
}

@media only screen and (max-width: 1024px) {  
    .side_menu, .side_menu_slide_from_right .side_menu {
        top: 0;
        padding-top: 100px;
    }
}
.right_side_menu_opened .wrapper, .right_side_menu_opened footer.uncover {
    left: 0;
}
.right_side_menu_opened .wrapper, .right_side_menu_opened .wrapper header.fixed, .right_side_menu_opened .wrapper header.fixed_hiding, .right_side_menu_opened .wrapper header.fixed_top_header .top_header, .right_side_menu_opened .wrapper header.sticky {
    left: 0;
}

.side_menu_slide_from_right .wrapper .cover {
    display: none !important;
}

.side_menu {
    background-color: #ffffff !important; height: 100%; min-height: 100%;
    overflow: hidden;
    padding: 30px;
    position: fixed;
    top: 0;
    right: -270px;
    width: 270px;
    z-index: 90;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box;
}

.side_menu_button_wrapper {
    padding: 28px 0;
}

.side_menu_button {

    height: auto !important;
    cursor: auto;
	transition: .3s;
}

.side_menu_button > a.side_menu_button_link {
    /*width: 16px;
    height: 2px;*/
	height: auto;
    padding: 11px 15px 9px;
	text-align: center;
    background-clip: content-box;
    /*background-color: #717070;*/
    display: block;
    position: relative;
    border: 2px solid #fbc900;
/*    position: fixed;
    top: 68px;
    right: 38px; */
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}


@media only screen and (min-width: 1024px) { 
    
    /* .skrolovano .side_menu_button > a.side_menu_button_link {
        top: 35px;
    } */
}

@media only screen and (max-width: 1024px) { 
	.side_menu_button_wrapper {
    	padding: 13px 0;
	}
	
	.skrolovano .side_menu a.close_side_menu {
		top: 13px!important;
	}
	
/*    .side_menu_button > a.side_menu_button_link {
        top: 18px;
        right: 25px;
        padding: 20px 13px;
    }*/
}


@media only screen and (max-width: 768px) { 
	.side_menu a.close_side_menu {
		left: auto!important; 
		right: 35px!important;
	}
}


.side_menu_button:hover, .side_menu a.close_side_menu:hover {
	background-color: #fbc900!important;
	transition: .3s;
	background-clip: unset!important;
}

a.side_menu_button_link.normal:hover::before, .side_menu a.close_side_menu:hover::before, .side_menu a.close_side_menu:hover::after {
	color: ;
}

.side_menu_button:hover a.side_menu_button_link, .side_menu_button:hover a.side_menu_button_link::after, .side_menu_button:hover a.side_menu_button_link::before, 
.side_menu a.close_side_menu:hover::before, .side_menu a.close_side_menu:hover::after {
	transition: .3s;
}




.side_menu_button > a.side_menu_button_link::before {
	content: "\f0c9";
    font-family: 'FontAwesome';
    font-size: 18px;
    position: relative;
	transition: .3s;
	color: #717070;
}

/*
.side_menu_button > a.side_menu_button_link::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #717070;
    display: block;
    position: relative;
    bottom: 7px;
	transition: .3s;
}
*/

.language-switch {
    display: inline-block;
}

.head-soc {
    padding: 0 5px;
}

.side_menu a.close_side_menu {
    background-image: none;
    width: 16px;
    height: 2px;
    padding: 23px 16px;
    background-clip: content-box;
    background-color: transparent;
    display: block;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    border: 2px solid #fbc900;
    left: 35px;
	top: 60px;

	/*  position: fixed;
    top: 68px;
    left: 38px;
*/	
}





.skrolovano .side_menu a.close_side_menu {
    top: 35px;
}

@media only screen and (max-width: 1024px) { 
    .side_menu {
        overflow-y: scroll !important;
    }
    
    .side_menu a.close_side_menu {
        top: 18px;
        right: 25px;
        padding: 23px 16px;
    }
}

.side_menu a.close_side_menu::before {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #717070;
    display: block;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    -ms-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -moz-transform: rotate(45deg);
}

.side_menu a.close_side_menu::after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #717070;
    display: block;
    position: absolute;
    top: 50%;
    transform: rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

.side_menu a.close_side_menu:hover {
    transform: none;
    -ms-transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -moz-transform: none;
}

.side_menu .widget_easy_sidebar_menu_widget {
    margin-bottom: 10px;
}

.widget_easy_sidebar_menu_widget li.menu-item.menu-item-has-children > span > .easy-sidebar-menu-widget-link {
    text-transform: uppercase;
    color: #716F70;
    font-weight: 600;
}

.menu > li.menu-item > span > .easy-sidebar-menu-widget-link {
    text-transform: uppercase;
    color: #716F70;
    font-weight: 600;
	transition: .3s;
}

.widget_easy_sidebar_menu_widget li.menu-item.menu-item-has-children .easy-sidebar-menu-widget-link {
	transition: .3s;	
}

.menu > li.menu-item > span > .easy-sidebar-menu-widget-link:hover, .widget_easy_sidebar_menu_widget li.menu-item.menu-item-has-children .easy-sidebar-menu-widget-link:hover {
	color: #ffcc00; padding-left: 10px; transition: .5s;
}

.side_menu .widget li a { 
    color: #716F70;
}

.side_menu .widget ul li.menu-item-has-children, .side_menu .widget ul li.page_item_has_children {
    border-bottom: 1px solid #000;
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler {
    top: 8px;
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i {
    font-family: 'FontAwesome';
    font-style: normal;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler.toggle__open i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler i::before {
    content: "\f078";
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler.toggle__open i::before {
    content: "\f078";
}

.widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:hover, .widget_easy_sidebar_menu_widget li.menu-item .easy-sidebar-menu-widget-toggler:focus {
    border: 1px solid transparent;
    background-color: transparent;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu {
	padding-left: 0;
	padding-bottom: 15px;
	margin-bottom: -1px;
	border-bottom: 1px solid #F8F8F8;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child {
    border-top: none;
}

.widget_easy_sidebar_menu_widget li.menu-item .sub-menu li:first-child::before {
    display: none;
}

.widget_easy_sidebar_menu_widget li.menu-item {
    border-bottom: 1px solid #000;
}

.header_bottom {
    height: 120px;
}

.content, .content.content_top_margin {
    padding-top: 0 !important;
}

@media only screen and (max-width: 1024px) {  
    .header_bottom {
        height: 80px;
    }
    
    .content, .content.content_top_margin {
        margin-top: 80px !important;
    }
}



header.fixed.scrolled .header_top {
    background-color: #717070 !important;
	display: none!important;
}

.skrolovano header.fixed .header_top {
    opacity: 0 !important;
    height: 0 !important;
}

@media only screen and (max-width: 1000px) { 
    .logo_wrapper {
        left: 0;
    }
    .logo_wrapper .q_logo a {
        left: 0;
        height: 60px !important;
    }
    
    header {
        position: fixed !important;
    }
    
}

.qode-animate-mobile-header {
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
}

/*-------------------------------------------------------------------------------------------------------------------------
KACHELN: TÜRMODELLE
--------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1024px) {
.homepage-slider .homepage-sl-group { 
    left: unset !important;
    right: 0;
    width: 350px;
}
     
}




/*-------------------------------------------------------------------------------------------------------------------------
KACHELN: TÜRMODELLE
--------------------------------------------------------------------------------------------------------------------------*/

.tuermodelle {display: flex; width: 100%; align-content: space-between; flex-wrap: wrap; }

.tuermodelle li {margin-left: 0px!important;}

.kachelcontent {
    position: relative;
    width: 32%;
    padding: 20px;
    box-sizing: border-box;
}

.kachelcontent > a {
    display: inline-block;
    position: relative;
    line-height: 0;
}


.content-details-mob {
    display: none;
}


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

    .kachelcontent {
        width: 50%;
    }
     .content-details-mob {
        display: block;
        background: #ffcc00; /* Old browsers */
                    background: -moz-linear-gradient(top, #ffcc00 0%, #dc9a25 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #ffcc00 0%,#dc9a25 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #ffcc00 0%,#dc9a25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#dc9a25',GradientType=0 );
        padding: 24px 0;
        text-align: center;
    }
    
        
    .kachelcontent .content-overlay, .kachelcontent .content-details {
        display: none;
    }
    
    .kachelcontent > a {
        display: block;
    }
    
    .kachelcontent img{
        display: block;
    }
    
    .content-details-mob h3 {
        color: #fff;
        text-transform: none;
        font-size: 18px;
        margin-bottom: 0;
        text-transform: uppercase;
        letter-spacing: 2px !important;
    }
    
    .content-details-mob h3::after {
        display: inline-block;
        content: "";
        width: 30px;
        font-family: 'FontAwesome';
        font-style: normal;
        content: "\f054";
        text-align: right;
    }
    
    .content-details-button {
        letter-spacing: 2px !important;
        height: 35px;
        width: 175px;
        border: 2px solid #fff !important;
        padding: 12px 20px;
        font-size: 12px;
        font-weight: 400;
        margin-bottom: 15px;
        transition: .4s ease-in-out;
        color: #fff !important;
        background: transparent !important;
        letter-spacing: 1px;
        cursor: pointer;
    }
    
    .content-details-button:hover {
        color: #E3A521 !important;
        background: #fff !important;
    }
}


.turencat_all {
    padding-bottom: 0px !important;
    background-color: #f8f8f8 !important;
}

@media only screen and (max-width: 767px) {
    
    .turencat_all .section_inner, .full_responsive .section_inner  {
        width: 100% !important;
    }
    
    .turencat_all {
        padding-bottom: 0 !important;
    }
    
    .tuermodelle-cont {
        position: relative;
    }
	
	.tuermodelle li {
    	margin-left: 50px!important;
	}

    .kachelcontent {
        width: 100%;
        padding: 0;
	    margin: 0 50px 50px;
    }
       
	/*.kachelcontent {
    width: 40%;
    padding: 0;
    margin: 25px 2.5% 0 2.5%;
	}*/
}





.kachelcontent .content-overlay {
    background: #dc9a25!important; /* Old browsers */
    background: -webkit-linear-gradient(bottom left, #dc9a25 0%, #ffcc00 100%)!important;
    background: -o-linear-gradient(bottom left, #dc9a25 0%, #ffcc00 100%)!important;
    background: linear-gradient(to top right, #dc9a25 0%, #ffcc00 100%)!important; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dc9a25', endColorstr='#ffcc00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */  position: absolute;
    height: 100%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;
}
.kachelcontent:hover .content-overlay{opacity: 1;}
.kachelcontent .content-text{ line-height: 26px; }
.content-image{width: 100%;}
.content-details {position: absolute; text-align: center; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
.kachelcontent:hover .content-details{top: 50%; left: 50%; opacity: 1;}
.content-details h3{font-size: 35px; text-align: center; color: #fff; margin-bottom: 20px; text-transform: none!important; font-weight: 300!important;}
.content-details p { display: inline-block; color: #fff; font-size: 16px; width: fit-content; padding: 7px 25px; border: 2px solid white; text-align: center; margin: 20px auto auto!important;}
.content-details p:hover {background-color: #fff!important; color: #dc9a25;}
.fadeIn-bottom{top: 80%;}
/*
@media screen and (max-width: 640px){.kachelcontent{display: block; width: 100%;}}
@media screen and (min-width: 900px){.kachelcontent{width: 33.33333%;}}
*/

.tuermodelle-cont .flex-control-paging {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
    position: absolute;
    width: 100%;
    top: 70%;
}
.tuermodelle-cont .flex-control-paging li {
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 5px;
}
.tuermodelle-cont .flex-control-nav li a {
    display: block;
    text-indent: -9999px;
    border-radius: 50%;
    width: 11px;
    height: 11px;
    background-color: #717070;
    opacity: 0.5;
}
.tuermodelle-cont .flex-control-nav li a.flex-active {
    background-color: #fff;
}




/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TYPEWRITER ANIMATION
--------------------------------------------------------------------------------------------------------------------------*/
.css-typing h1 {
    /*border-right: 1px solid #f8f8f8;*/
    white-space: nowrap;
    overflow: hidden;
}

.css-typing h1:nth-child(1) {
    width: 300px; 
    opacity: 0;
    -webkit-animation: type2 .5s steps(40, end);
    animation: type2 .5s steps(80, end);
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.css-typing h1:nth-child(2) {
    width: 300px;
    opacity: 0;
    -webkit-animation: type2 1s steps(40, end);
    animation: type2 1s steps(40, end), blink .5s step-end infinite alternate;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-weight: 300!important;
}

.css-typing h1:nth-child(3) {
    width: 300px;
    opacity: 0;
    -webkit-animation: type3 .5s steps(20, end), blink .5s step-end infinite alternate;
    animation: type3 .5s steps(40, end), blink .5s step-end infinite alternate;
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    font-weight: 300!important;
}

@media only screen and (max-width: 767px) { 
    .css-typing h1 {
        display: inline-block;
    }
    
}



@keyframes type {0% {width: 0;} 99.9% {border-right: .15em solid orange;} 100% {border: none;}}
@-webkit-keyframes type {0% {width: 0;} 99.9% {border-right: .15em solid orange;} 100% {border: none;}}
@keyframes type2 {0% {width: 0;} 1% {opacity: 1;} 99.9% {border-right: .15em solid orange;} 100% {opacity: 1; border: none;}}
@-webkit-keyframes type2 {0% {width: 0;} 1% {opacity: 1;} 99.9% {border-right: .15em solid orange;} 100% {opacity: 1; border: none;}}
@keyframes type3 {0% {width: 0;} 1% {opacity: 1;} 100% {opacity: 1;}}
@-webkit-keyframes type3 {0% {width: 0;} 1% {opacity: 1;} 100% {opacity: 1;}}
@keyframes blink {50% {border-color: transparent;}}
@-webkit-keyframes blink {50% {border-color: tranparent;}}


.zitat_delay_p, .delay {
    opacity: 0;
    -moz-animation: cssAnimation 8s;
    /* Firefox */
    -webkit-animation: cssAnimation 8s;
    /* Safari and Chrome */
    -o-animation: cssAnimation 8s;
    /* Opera */
    animation: cssAnimation 8s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}
@keyframes cssAnimation {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes cssAnimation {
    60% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


@media only screen and (min-width: 769px) { 
    .turen-leben-image {
        margin-right: 62px;
    }
    .turen-leben-image .wpb_single_image.wpb_single_image  {
        text-align: right; 
    }
}
@media only screen and (max-width: 768px) { 
	.turen-leben-image .wpb_single_image.wpb_single_image  {
        text-align: center; 
    }
    .turen-leben-image .vc_column-inner {
        padding: 0;
    }

	.turen-leben-image {
		margin-bottom: 30px!important;
	}
	
    .center-mob {
        text-align: center;
    }
	
	.css-typing h1 {
		width: 100%!important;
	}
	
	.testimonials_c div ul.slides li {
		margin-left: 0px!important;
	}
	
	.single-down > div {
		align-items: flex-start!important;
	}
	
	.single-down-info h2 {
		line-height: 35px!important;
	}
	
	 .single-down-cont .single-down > div {
        width: 100%;
        justify-content: center;
    }
    
    .single-down > div:nth-child(2) {
        padding: 20px 0;
    }

}
/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TYPOGRAPHY
--------------------------------------------------------------------------------------------------------------------------*/
.h1
h1 {
	font-size: 30px;
	line-height: 42px;
	font-weight: 400 !important;
	color: #717070;
	letter-spacing: 0px !important;
	margin-bottom: 8px;
}

.h2
h2 {
	font-size: 28px;
	line-height: 36px;
	font-weight: 300 !important;
	color: #717070;
	text-transform: none !important;
	letter-spacing: 0px !important;
}



/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: INTRO
--------------------------------------------------------------------------------------------------------------------------*/
.vc_general.vc_pagination {margin-left: 0px !important; text-align: left!important;}
@media screen and (max-width: 768px) {.vc_general.vc_pagination {text-align: center!important;}} 



/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TEASERBOXEN
--------------------------------------------------------------------------------------------------------------------------*/
.item {display: inline; position: absolute; z-index: -1; left: -6%; top: 75px; width: 700px; height: 400px; background: #f8f8f8;}
.item_right {display: inline; position: absolute; z-index: -1; right: -5%; top: 75px; width: 700px; height: 400px; background: #f8f8f8;}

[aos="fade"] {opacity: 0; transition-property: opacity;}
[aos="fade"].aos-animate {opacity: 1;}

.teaser01 {left: 0%; position: absolute; top: 0;}

.aos-all {width: 1000px; max-width: 98%; margin: 10vh auto 0 auto;}
.aos-item {display: inline-block; float: left; width: 33.3333%; height: 300px; padding: 20px;}
.aos-item__inner {position: relative; width: 100%; height: 100%; float: left; background: #1da4e2; line-height: 260px; text-align: center; color: #fff;}

.teaser_row {padding-top: 120px!important;} 
@media screen and (max-width: 1200px) {.item, .item_right {width: 650px; height: 350px; }}
@media screen and (max-width: 1000px) {.teaser_row {padding-top: 0px!important;} .teaser_row .vc_col-sm-8 {padding-top: 50px!important; width: 100%!important;} .teaser_row .vc_col-sm-4 {width: 100%!important;} .teaserimg .left {text-align: left!important;}.teaserimg.element_from_left.qode_image_hover_zoom_in.element_from_left_on {text-align: left;} .item_right {right: 3%;}}
@media screen and (max-width: 800px) {.aos-item {width: 50%;}}




/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TEASERBOXEN
--------------------------------------------------------------------------------------------------------------------------*/

.logos-images img {
    width: auto;
    height: 55px;
}


@media only screen and (min-width: 768px) { 
    .unsere-partner-lg {
        
    }

    .unsere-partner-sm {
        display: none;
    }
}
@media only screen and (max-width: 767px) { 
    .unsere-partner-lg {
        display: none;
    }

    .unsere-partner-sm .flexslider  {
        margin: 20px 40px;
    }
    
    .unsere-partner-sm .flexslider .slides > li img{
 
    }
}


/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TESTEMONIALS
--------------------------------------------------------------------------------------------------------------------------*/

.cont-flex {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.cont-flex.cont-flex-height .section_inner_margin {
    display: flex;
}

.item-flex {
    flex: 1 0 auto;
    width: 50%;
    height: auto;
    display: flex;
}


.item-flex > .vc_column-inner {
    display: flex;
    flex-direction: column;
    justify-content: center; 
}

.cont-flex-eq .item-flex::before {
    display: table;
    content:'';
    float:left;
    padding-top:100%;
}

.come-in .item-flex {
    margin-top: 45px;
    margin-bottom: 45px;
}

.come-in .section_inner_margin {
    display: flex;
    flex-wrap: wrap;
}

.cont-flex-eq .item-flex.homeitem-1::before, .cont-flex-eq .item-flex.homeitem-2::before, .cont-flex-eq .item-flex.homeitem-3::before, .cont-flex-eq .item-flex.homeitem-4::before {
    display: none;
}

.homeitem-1, .homeitem-4 {
    width: 60%;
}

.homeitem-2, .homeitem-3 {
    width: 40%;
}

.homeitem-1 .vc_single_image-wrapper, .homeitem-1 .wpb_wrapper {
    text-align: right;
    width: 100%;
}

.homeitem-4 .vc_single_image-wrapper, .homeitem-4 .wpb_wrapper {
    width: 100%;
}

.homeitem-1 img {
    box-shadow: -90px 35px 0 rgba(112, 111, 111, 0.05);
    -webkit-box-shadow: -90px 35px 0 rgba(112, 111, 111, 0.05);
    width: calc(100% - 90px);
}

.homeitem-2 {
    padding-left: 72px;
}

.homeitem-3 {
    padding-left: 90px;
}

.homeitem-4 img {
    box-shadow: 90px -35px 0 rgba(112, 111, 111, 0.05);
    -webkit-box-shadow: 90px -35px 0 rgba(112, 111, 111, 0.05);
    width: calc(100% - 90px);
}

.home-testemonials {
	margin-top: 100px;
}


@media only screen and (max-width: 768px) {
    
    .cont-flex.cont-flex-height .section_inner_margin {
        display: block;
    }
    
    .item-flex {
        width: 100%;
    }
    
    .homeitem-1 img, .homeitem-4 img {
        box-shadow: none;
        -webkit-box-shadow: none;
        width: 100%;
    }
    
    .homeitem-1 {
        
    }
    
    .homeitem-2 {
        text-align: center;
        padding-left: 0;
    }
    
    .homeitem-3 {
        order: 4;
        text-align: center;
        padding-left: 0;
    }
    
    .homeitem-4 {
        order: 3;
    }
    

}

/*-------------------------------------------------------------------------------------------------------------------------
STARTSEITE: TESTEMONIALS
--------------------------------------------------------------------------------------------------------------------------*/
.testimonials_c_holder .testimonial_content_inner {
    padding-bottom: 0;
    background-color: #f8f8f8;
}

.testimonial_text_inner {
    display: inline-block;
    margin: 35px auto;
}

@media only screen and (min-width: 1024px) { 
    .testimonial_text_inner {
        width: 930px; 
    }
}

.testimonials_c_holder .slides{
    background-color: #f8f8f8;
}


.testimonials_c .flex-control-paging {
    margin-top: 0;
}

.testimonials_c_holder .flex-control-nav li a {
    width: 11px;
    height: 11px;
    background-color: #717070;
    opacity: 0.5;
}

.testimonials_c_holder .flex-control-nav li a.flex-active {
    background-color: #ffcc00;
}

.testimonial_title_holder h2 {
        position: relative;
    /*padding: 20px 0;*/
}

.testimonial_title_holder h2:before {
    font-family: Arial, Helvetica;
    font-style: normal;
    content: "„";
    font-size: 300px;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0.3;
    height: 125px;
    width: 100px;
    margin-left: -50px;
}

.testimonial_author {
    font-weight: 600 !important;
    margin-bottom: 20px;
}

.testemonials-margin {
    margin-bottom: 65px;
    margin-top: 20px;
}

@media only screen and (max-width: 768px) { 
    .testemonials-margin {
        margin-bottom: 50px;
        margin-top: 10px;
    }
}


/*-------------------------------------------------------------------------------------------------------------------------
KUNDENZITATE
--------------------------------------------------------------------------------------------------------------------------*/
.carousel-cell  {text-align: center; width: 100%; display: flex; align-items: center; justify-content: center;}
.carousel-cell>* {display: block!important; padding: 0 20%;}
.carousel-cell p {margin: 35px auto;}

.carousel-cell h2 { 
    position: relative;
    /*padding: 20px 0;*/
}
.carousel-cell h2:before {
    font-family: Arial, Helvetica;
    font-style: normal;
    content: "„";
    font-size: 300px;
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    text-align: center;
    width: 100%;
    opacity: 0.3;
    height: 125px;
    width: 100px;
    margin-left: -50px;
}

.flickity-page-dots {bottom: -50px!important;}
.flickity-button {background: transparent!important;}
.flickity-page-dots .dot.is-selected {background: #ffcc00;}





/*-------------------------------------------------------------------------------------------------------------------------
FOOTER
--------------------------------------------------------------------------------------------------------------------------*/
.footer_top_holder {background: #ffcc00; /* Old browsers */
                    background: -moz-linear-gradient(top, #ffcc00 0%, #dc9a25 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top, #ffcc00 0%,#dc9a25 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom, #ffcc00 0%,#dc9a25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#dc9a25',GradientType=0 ); /* IE6-9 */}
.footerlogo img {width: 185px; height: auto; margin-bottom: 35px;}
.footer_top .newsletter_form input {height: 60px; width: 300px; border: 0px!important; padding: 10px 20px; font-size: 14px; font-weight: 300; margin-bottom: 0; transition: .4s ease-in-out;}
.footer_top .newsletter_form input:focus {box-shadow: 0 0 15px rgba(51, 51, 51, 0.2)!important; -webkit-box-shadow: 0 0 15px rgba(51, 51, 51, 0.2)!important; border: 1px solid rgba(51, 51, 51, 1);  outline: none!important; transition: .4s ease-in-out;}
.footer_top .newsletter_form input[type="submit"], .newsletter_form input[type="button"] { letter-spacing: 2px !important; height: 35px; width: 175px; border: 1px solid #fff!important; padding: 5px 20px; font-size: 12px; font-weight: 600; margin-bottom: 15px; transition: .4s ease-in-out; color: #fff!important; background: transparent!important; letter-spacing: 1px; cursor: pointer;}
.footer_top .newsletter_form input:hover[type="submit"], .newsletter_form input:hover[type="button"] {height: 35px; border: 2px solid #fff!important; padding: 5px 20px; font-size: 12px; font-weight: 600; margin-bottom: 15px; transition: .4s ease-in-out; color: #E3A521!important; background: #fff!important;}
footer .footer_top h5 {
    font-size: 19px;
    line-height: 1.375em;
    font-weight: 600;
    letter-spacing: 0;
    padding-top: 35px;
    margin-bottom: 37px;
}

.new-footer .fa-phone, .new-footer .fa-envelope {
	    padding-right: 10px;
}

@media only screen and (max-width: 800px) {
    footer .footer_col2, footer .footer_col3 {
       display: none;
    }
    
    footer .container_inner {
        padding: 0 15px !important;
    }
}

.footer_top .widget_nav_menu li.menu-item a {
	font-weight: 600;
}

.footer_top_holder .menu-item a {
    text-transform: uppercase;
}

.footer_top_holder .menu-item a::before {
    display: inline-block;
    content: "";
    width: 20px;
    font-weight: 400;
    font-family: 'FontAwesome';
    font-style: normal;
    content: "\f054";
}

.footer-soc {
    margin-top: 30px;
}

.footer_top .foot-soc {
    display: inline-block;
    background-color: #fff;
    width: 38px;
    height: 38px;
    margin-right: 2px;
    text-align: center;
}

.footer_top .foot-soc i {
    line-height: 38px;
    font-size: 18px;
    color: #ffcc00;
    background: linear-gradient(to right, #dc9a25 0%, #ffcc00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




/*-------------------------------------------------------------------------------------------------------------------------
FOOTER BOTTOM
--------------------------------------------------------------------------------------------------------------------------*/
.footer_bottom {font-size: 14px !important;}
.footer_bottom ul li a {text-transform: none; font-weight: 500; letter-spacing: 0px; font-size: 14px;}

@media only screen and (max-width: 480px) {
	.footer_bottom {line-height: 22px!important; padding-bottom: 10px;}
	.footer_bottom_holder {padding: 20px 0;}
}



/*-------------------------------------------------------------------------------------------------------------------------
Turen
--------------------------------------------------------------------------------------------------------------------------*/


.single-turen-image {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 0;
    padding-bottom: 40%;
    max-height: 600px;
}

.single-turen-content {
    text-align: center;
    padding: 0 0 80px 0;
    background-color: #f8f8f8 !important;
}

.single-turen-content h2 {
    text-transform: none !important;;
    font-weight: 400 !important;
    font-size: 20px;
    margin: 0 0 15px 0;
}

h1.single-turen-title {
    font-weight: 300 !important;
    margin: 0 0 20px 0;
    font-size: 35px;
}

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

    .single-turen-content h2 {
        text-transform: none !important;;
        font-weight: 300 !important;
        font-size: 17px;
        margin: 0 0 15px 0;
    }

    h1.single-turen-title {
        font-weight: 300 !important;
        margin: 0 0 10px 0;
        font-size: 20px;
    }
}

.single-turen-tabs {
    margin: 50px auto;
    text-align: center;
}

.single-turen-tabs h3 {
    text-transform: none !important;;
    font-weight: 300 !important;
}

.single-turen-tabs .qode-advanced-tabs .qode-advanced-tabs-nav {
    border-bottom: 1px solid #716f70;
    text-align: center;
}

@media only screen and (min-width: 1024px) { 
    .single-turen-tabs .qode-advanced-tabs .qode-advanced-tabs-nav {
        padding: 0 200px;
    }

    .single-turen-tabs .qode-advanced-tabs .qode-advanced-tab-container {
    	padding: 60px 28px 35px 28px;
    }
}

.lowerh3 {
	font-weight: 300 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}

.single-turen-tabs .qode-advanced-tabs .qode-advanced-tabs-nav li {
    background-color: transparent;
    color: #716f70;
    border-bottom: 4px solid transparent;
}

.single-turen-tabs .qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active {
    color: #716f70;
    border-bottom: 4px solid #716f70;
}

.qode-advanced-tabs .qode-advanced-tabs-nav li a {
    color: #716f70;
}

.qode-advanced-tabs.qode-advanced-horizontal-tab .qode-advanced-tabs-nav li.ui-state-active a {
    color: #716f70;
}

.container-ober {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.one-ober {
    width: 16.666666%;
    box-sizing: border-box;
    padding: 15px 15px 30px 15px;
}

.one-ober-img {
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.2);
    background-size: cover;
}

.one-ober-title {
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 1000px) {
    .one-ober {
        width: 25%;
    }
}

@media only screen and (max-width: 768px) {
    .one-ober {
        width: 33.33333333%;
    }
}

.single-down {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}

.single-down > div {
    width: 50%;
    display: flex;
    align-items: center;
}

.single-down > div:nth-child(1) {
    justify-content:flex-end; 
}

.single-down > div:nth-child(2) {
    justify-content: flex-start;
}




.single-down-image {
    box-shadow: -5px 5px 4px rgba(0, 0, 0, 0.2);
    display: inline-block!important;
	width: 237px;
    height: 335px;
    margin: 35px;
}


@media only screen and (max-width: 650px) {
.single-down-image {
    box-shadow: none!important;
    margin: 29px;
	}}

.single-down-info {
    text-align: left;
}

.single-down-info h2 {
    margin-bottom: 20px;
    font-size: 25px;
}

.single-down-info .qbutton {
    margin-top: 25px;
    
}



/*.single-down-image img {
    max-height: 330px;
}*/

@media only screen and (min-width: 1000px) { 
    .single-down-info {
        padding-left: 50px;
    }
    
    .single-down-image {
        margin: 0 50px 0 0;
    }
    .single-down-info h2 {
        font-size: 35px;
    }
}



.single-modelle {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: flex-start;
}


.single-modelle-one {
    flex: 1 1 25%;
    padding: 16px;
    max-height: 635px;
    box-sizing: border-box;
}


.single-modelle-one p {
    line-height: 1.4;
    margin-top: 17px;
    margin-bottom: 25px;
}

.ausfuh .single-modelle-one p {
    line-height: 1.4;
    margin-top: 17px;
    margin-bottom: 17px;
}
    
.ausfuh .single-modelle-one {
    flex: 0 0 12.5%;
    display: flex;
    flex-direction: column;
}


.single-modelle-img {
    height: 100%;
    max-height: 500px;
}

.ausfuh .single-modelle-img {
    max-height: 250px;
}

.single-modelle-img img {
    width: auto;
    height: 100%;
    max-height: 100%;
}

.single-mod-tablet .single-modelle-img {
    max-height: none;
    text-align: center;
}

.single-mod-tablet .single-modelle-img img {
    height: 450px;
}

.single-aus-tablet .single-modelle-img img {
    height: 400px;
}

.accordion-visible-tablet {
    margin-bottom: 30px;
    margin-top: 20px;
    padding: 0 15px;
}

.accordion-visible-tablet .qode-accordion-holder .qode-title-holder .qode-tab-title {
    width: 100%;
    border-bottom: 1px solid #717070;
}

.accordion-visible-tablet .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner {
    text-align: center;
}
.accordion-visible-tablet .qode-accordion-holder .qode-title-holder .qode-tab-title {
    text-align: center;
}

.accordion-visible-tablet .qode-accordion-holder .qode-title-holder .qode-tab-title span.qode-tab-title-inner {
    display: inline-block;
    width: 170px !important;
    padding: 0 !important;
    height: 66px;
    line-height: 66px;
    font-weight: 300;
}

.accordion-visible-tablet .qode-accordion-holder .qode-accordion-content {
    padding: 20px 0;
}

.accordion-visible-tablet .ui-state-active span.qode-tab-title-inner {
    border-bottom: 5px solid #717070;
    font-weight: 600;
}

.accordion-visible-tablet .qode-accordion-holder .qode-title-holder.ui-state-active, .qode-accordion-holder .qode-title-holder.ui-state-hover {
    color: #717070 !important;
    background-color: transparent !important;
}

@media only screen and (max-width: 1200px) {
    
    .single-modelle-one {
        flex: 0 0 33.333333%;
    }
    .ausfuh .single-modelle-one  {
        flex: 0 0 16.6666666%;
    }
}


@media only screen and (max-width: 1000px) {
    .weitere-desktop {
        display: none;
    }
    
    .single-turen-tabs {
        display: none;
    }
        
    .single-modelle-one {
        flex: 0 0 50%;
    }
    
    .ausfuh .single-modelle-one  {
        flex: 0 0 25%;
    }
    
    .title_outer {
		opacity: 0!important;
		/* display: none; */
    }
    .single-turen-content {
        padding: 50px 0; 
    }
}


@media only screen and (max-width: 768px)
{
    .single-modelle-one {
        flex: 1 1 50%;
    }
    
    .ausfuh .single-modelle-one  {
        flex: 0 0 50%;
    }
    

}


@media only screen and (min-width: 1000px) {
    .accordion-visible-tablet {
        display: none;
    }
    
    .weitere-tablet {
        display: none;
    }
}


.single-weitere-cont {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 40px;
}


.single-weitere-one {
    display: block;
    width: 25%;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
}

@media only screen and (max-width: 1000px) {
    .single-weitere-one {
        width: 100%;
    }
}


.single-weitere-one  > div {
    background-size: cover;
    background-position: center;
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

.single-weitere-one > div > div {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 700;
    background: #716f70;
    color: #fff;
    padding: 5% 0;
    text-align: center;
}

.single-weitere-one:hover > div > div  {
    background: #ffcc00; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcc00 0%, #dc9a25 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffcc00 0%,#dc9a25 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffcc00 0%,#dc9a25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#dc9a25',GradientType=0 ); /* IE6-9 */
}

h2.single-weitere-title {
    margin-top: 20px;
    margin-bottom: 30px;
    font-weight: 300;
    text-align: center;
    font-size: 35px;
}


.zuruck-zur {
    text-align: center;
    padding: 10px 0 90px 0;
}

@media only screen and (max-width: 1000px) {
    h2.single-weitere-title {

        font-size: 25px;
    }
    
    .zuruck-zur {
        text-align: center;
        padding: 10px 0 60px 0;
    }
}



.graue_taste {
    display: inline-block;
    padding: 14px 25px 13px 40px;
    background-color: rgb(113, 112, 112);
    color: white;
    border: 2px solid  rgb(113, 112, 112);
    line-height: 12px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    position: relative;
}

.graue_taste:hover {
    color: white;
}

.graue_taste::before {
    position: absolute;
    content: "";
    display: block;
    border-top: 3px solid #fff;
    border-left: 3px solid #fff;
    width: 8px;
    height: 8px;
    left: 22px;
    top: 14px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.graue_taste:hover::before {
    left: 18px;
}


/* swiper */

.swiper-container {

}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
}

.swiper-pagination-bullet-active {
    background-color: #ffcc00;
}

.swiper-button-prev {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.3px' height='27px' viewBox='0 0 17.3 27' style='enable-background:new 0 0 17.3 27;' xml:space='preserve'%3E%3Cpath fill='%23FECC00' class='st0' d='M12.7,0.3c0.4-0.4,1.1-0.4,1.5,0L17,3.1c0.4,0.4,0.4,1.1,0,1.5l-8.9,8.9l8.9,8.9c0.4,0.4,0.4,1.1,0,1.5 l-2.8,2.8c-0.4,0.4-1.1,0.4-1.5,0L0.3,14.2c-0.4-0.4-0.4-1.1,0-1.5L12.7,0.3z'/%3E%3C/svg%3E%0A");
}
.swiper-button-next {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='17.3px' height='27px' viewBox='0 0 17.3 27' style='enable-background:new 0 0 17.3 27;' xml:space='preserve'%3E%3Cpath fill='%23FECC00' id='XMLID_40_' class='st0' d='M4.6,26.7c-0.4,0.4-1.1,0.4-1.5,0l-2.8-2.8c-0.4-0.4-0.4-1.1,0-1.5l8.9-8.9L0.3,4.6 c-0.4-0.4-0.4-1.1,0-1.5l2.8-2.8c0.4-0.4,1.1-0.4,1.5,0L17,12.7c0.4,0.4,0.4,1.1,0,1.5L4.6,26.7z'/%3E%3C/svg%3E%0A");
}

.swiper-button-next, .swiper-button-prev {
    width: 0px;
    height: 0px;
    background-size: 0px 0px;
}

.container-ober-tablet.swiper-container {
    overflow: visible;
}

.weitere-tablet .swiper-button-prev, .weitere-tablet .swiper-button-next {
    height: 44px;
    width: 44px;
    border-radius: 50%;
/*    background-image: none;
    background: #ffcc00; /* Old browsers */
/*    background: -moz-linear-gradient(top, #ffcc00 0%, #dc9a25 100%); /* FF3.6-15 */
 /*   background: -webkit-linear-gradient(top, #ffcc00 0%,#dc9a25 100%); /* Chrome10-25,Safari5.1-6 */
/*    background: linear-gradient(to bottom, #ffcc00 0%,#dc9a25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/*    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#dc9a25',GradientType=0 ); /* IE6-9 */

}

.weitere-tablet .swiper-button-prev::after {
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f053";
    color: #ffcc00;
    height: 44px;
    line-height: 44px;
    position: relative;
    left: 9px;

}
.weitere-tablet .swiper-button-next::after {
    font-family: FontAwesome;
    font-size: 30px;
    content: "\f054";
    color: #ffcc00;
    height: 44px;
    line-height: 44px;
    position: relative;
    left: 13px;

}

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

    .single-weitere-swiper.swiper-container {
        padding: 0 30px;
        border-left: 20px solid #fff;
        border-right: 20px solid #fff;
        margin-bottom: 40px;
        }
}

@media only screen and (max-width: 768px) {
    .single-weitere-swiper.swiper-container {
        padding: 0 50px;
        border: none;
    } 
}
/*-------------------------------------------------------------------------------------------------------------------------
Alle Turen
--------------------------------------------------------------------------------------------------------------------------*/

.alle-turen-content.content.content_top_margin {
    background: #F8F8F8 !important;
    padding-bottom: 70px;
}

h1.alle-turen-title {
    font-weight: 300 !important;
    margin: 0 0 40px 0;
    padding-top: 0;
    font-size: 35px;
}

.alle-turen-text {
    text-align: center;
}

h2.alle-wahlen-title {
    font-size: 24px;
    text-align: center;
    font-weight: 300 !important;
    margin: 30px 0 10px 0;
}


.m-width-500 {
    max-width: 500px;
}


.m-width-780 {
    max-width: 780px;
}


.m-width-1000 .section_inner {
    max-width: 1000px;
}

.m-autom {
    margin: 0 auto;
}

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

    .alle-turen-desc {
		max-width: 1000px;
		margin: 0 auto;
	}
}

/* Breadcrumbs */

.title_subtitle_holder h1 {
    display: none !important;
}

.title_subtitle_holder .separator {
    display: none;
}

.breadcrumb, .breadcrumb .current, .breadcrumb a {
    text-transform: uppercase;
    font-weight: 600;
    color: #717070;
    font-size: 12px;
}

.breadcrumbs .delimiter {
    margin-left: 2px;
    margin-right: 2px;
}

.breadcrumb a:hover {
	color: #ffcc00;
}

@media only screen and (max-width: 768px) {
	.title {display: none!important; }
}



/* kariere */
.kariere-acc .qode-accordion-holder .qode-title-holder, .kariere-acc .qode-accordion-holder .qode-title-holder {
    background: #717070;
    color: white;
    border-bottom: 2px solid #fff;
}

.kariere-acc .qode-accordion-holder .qode-title-holder.ui-state-active, .kariere-acc .qode-accordion-holder .qode-title-holder.ui-state-hover {
    color: #fff !important;
   
    background: #ffcc00; /* Old browsers */
    background: -moz-linear-gradient(top, #ffcc00 0%, #dc9a25 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffcc00 0%,#dc9a25 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffcc00 0%,#dc9a25 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc00', endColorstr='#dc9a25',GradientType=0 );
}

.kariere-acc .qode-accordion-content {
    background-color: #fff;
    padding: 42px 44px 44px 44px;
}



@media only screen and (max-width: 1000px) {
    .kariere-acc .qode-accordion-content {
        padding: 20px;
    }
}

.kariere-acc .section_inner {
    max-width: 730px;
}

.kariere-acc .icon_plus::before {
    font-family: FontAwesome;
    content: "\f067";
    font-size: 14px;
}
.kariere-acc .icon_minus-06::before {
    font-family: FontAwesome;
    content: "\f068";
    font-size: 14px;
    
}

.kariere-acc {
    padding-bottom: 80px;
}

.karriere-boxes {
    padding-top: 90px;
}

.kariere-tree {
    padding-top: 120px;
    padding-bottom: 120px;
    background-color: #fff;
}

.kariere-tree h4 {
    font-size: 25px;
}

.kariere-tree .qbutton.large {
    height: 40px;
    line-height: 40px;
}

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

    .kariere-tree .vc_single_image-wrapper, .kariere-tree .vc_single_image-wrapper img {
        width: 100%;
    }
    
    .kariere-tree .wpb_column {
        margin-bottom: 90px;
    }
}
/* full width header */

.fwh-background {
    background-position: center;
    background-size: cover;

    max-height: 770px;
}

.fwh-background > div {
    width: 100%;
    height: 0;
    padding-bottom: 40%;
}


/* kontakt */

#mapaMarker {
    width: 100%;
    height : 696px;
}

@media only screen and (min-width: 1000px) {
    #mapaMarker {
        margin-top: -125px;
    }
}


@media only screen and (max-width: 1000px) {
	iframe.googlemapskarte {
		margin-top:0px!important;
	    height: 750px;
	}

	
	.small-pad {
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
}

.title_outer {
    position: relative;
    z-index: 1;
}

.map-kontakt {
    position: relative;
    z-index: 2;
}


.kontakt-lower {
    background-color: #e3e2e2 !important;
}

@media only screen and (min-width: 1000px) {
    .kontakt-lower {
        padding-top: 90px;
        padding-bottom: 90px;
    }
}


@media only screen and (max-width: 768px) {
	iframe.googlemapskarte {
		margin-top:0px!important;
	    height: 450px;
		padding-bottom: 75px;
	}
	
	form.wpcf7-form.default {
		margin: 0px!important;
	}
	
}


span.wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type=checkbox] {
    margin-left: 0px;
    left: 0px;
    position: absolute;
}

span.wpcf7-list-item-label {
    left: 30px;
    position: inherit;
}

span.wpcf7-list-item-label::before, span.wpcf7-list-item-label::after {
    content: " ";
    margin-left: -30px;
    color: green;
    position: absolute;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 2em!important;
	vertical-align: top!important;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]) {
    margin-top: 25px;
}


/* login menu */
.menu-login input.wpcf7-text {
    margin-bottom: 20px;
}

.menu-login input.wpcf7-submit {
    letter-spacing: 2px;
    border-radius: 0 !important;
    width: 100% !important;
    box-sizing: border-box;
    text-align: center;
}

.login-widget .sub-menu {
    padding-left: 0 !important;
}



.menu-login input.wpcf7-form-control.wpcf7-submit:not([disabled]), .menu-login input.wpcf7-form-control.wpcf7-submit {
    border: 2px solid #717070;
    color: #717070;
    margin-top: 10px;
    height: 40px;
    width: auto !important;
}

.menu-login input.wpcf7-form-control.wpcf7-submit:not([disabled]):hover {
    color: #fff;
}

.menu-login .passverg a {
    font-size: 13px !important;
    margin-bottom: 25px;
}

/* unter */ 

.das-unter {
    background-color: #fff;
    padding-top: 120px;
    padding-bottom: 120px;
}


.video-unternemen {
    padding-bottom: 120px;
}

@media only screen and (min-width: 1000px) {
    .unter-pading-right {
        padding-right: 70px;
    }
    
    .unter-pading-left {
        padding-left: 70px;
    }
    
    .das-unter h2 {
    margin: 0;
    }
    
    .uber-uns-title {
        padding-top: 50px;
    }
    
    .das-unter .section_inner_margin {
        padding-left: 90px;;
    }
    
/*    .video-unternemen .section_inner_margin {
        padding-left: 90px;
        padding-right: 90px;
    }
*/
}

@media only screen and (max-width: 1000px) {
.video-unternemen {
	padding-top: 80px;
}

.das-unter .unter-pading-right {
	margin-bottom: 40px;
}

}

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

.das-unter .unter-pading-right {
	margin-bottom: 40px;
}
}
.damals-slider {
    padding-bottom: 120px;
}

.damals-slider .vc_pagination {
    position: relative;
}

.damals-slider .vc_pagination::after {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 1px;
    content: "";
    display: block;
    height: 3px;
    width: 100%;
    background-color: #d5d4d4;
    z-index: -2;
}

.damals-slider .vc_pagination::before {
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: 1px;
    content: "";
    display: block;
    height: 3px;
    width: 200px;
    background-color: inherit;
    z-index: -1;
}

.damals-slider .vc_pagination li { 
    width: 16px;
    height: 16px;
    margin: 0 100px !important;
}

.damals-slider .vc_pagination li a {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
}

.damals-slider .vc_pagination li a span {
    position: absolute;
    top: -33px;
    left: 0;
    width: 50px;
    text-align: center;
    margin-left: -17px;
}

.damals-slider .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger {
    background-color: #716f70;
    border-color: #716f70;
}

.damals-slider .vc_pagination-color-grey.vc_pagination-style-outline .vc_active .vc_pagination-trigger, .damals-slider .vc_pagination-color-grey.vc_pagination-style-outline .vc_pagination-trigger:hover {
    background-color: #fecc00;
    border-color: #fecc00;
}

.damals-slider .vc_single_image-wrapper, .damals-slider .vc_single_image-wrapper img {
    width: 100%;
}

.wpb-js-composer .damals-slider  .vc_tta-tabs.vc_tta-has-pagination .vc_pagination {
    margin-top: 60px; 
}

.damals-slider .vc_tta-container{

}

.damals-slider h3 {
    text-transform: none !important;
    letter-spacing: 0;
    font-weight: 300;
    margin: 0 0 35px 0;
    font-size: 25px;
}

.unser-leitbild {

    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row;
    justify-content: space-around;
    flex-wrap: wrap;
}

.unser-leitbild .section_inner_margin {
    display: flex;
    flex-wrap: wrap;
}

.unser-leitbild-item {
    flex: 1 0 auto;
    width: 24%;
    height: auto;
    display: flex;
}

.unser-leitbild-item .wpb_wrapper {
    height: 100%;
    background-color: #716f70;
}

.unser-leitbild-item h2 {
    font-size: 20px;
    color: #fff;
    font-weight: 400 !important;
}

.unser-leitbild-item  p {
    color: #fff;
}

.unser-leitbild-item .wpb_single_image > .wpb_wrapper {
    height: auto;
}

.unser-leitbild-item .wpb_single_image {
    display: flex;
    height: 170px;
    justify-content: center;
    align-items: center;
}

.unser-leitbild-item .wpb_text_column {
    padding: 0 20px 40px 20px;
    text-align: center;
}

.austung-bck {
    height: 0;
    padding-bottom: 25%;
}

.aust-single {
    padding-top: 80px;
    background-color: #fff !important;
}

.unternehmen-partners {
    padding-top: 100px;
    padding-bottom: 40px;
}

div.unternehmen-imges {
    margin-bottom: 100px !important;
    background-clip: border-box;
}

@media only screen and (min-width: 1000px) {
    .damals-slider .vc_tta-container{
        padding-left: 90px;
        padding-right: 90px;
    }
}

@media only screen and (max-width: 768px) {
    
    .unser-leitbild-item { 
        width: 100%;
        margin-bottom: 30px;
    }
	
	.unser-leitbild-item div .wpb_wrapper .wpb_text_column {
		padding-bottom: 50px!important;
	}
        
        
    .damals-slider .vc_pagination li {
        margin: 0 50px !important
    }
    .damals-slider .vc_pagination::before {
        width: 100px;
        margin-left: -50px;
    }
    
    .damals-slider h3 { 
        margin-top: 30px;
    }
    
}



/* services */
@media only screen and (min-width: 1000px) {
    .petses > .vc_column-inner > .wpb_wrapper {
        padding: 0 60px;
    }
}
@media only screen and (max-width: 1000px) {
    .petses {
        padding-top: 30px;
        padding-bottom: 30px;
        text-align: center;
    }
    
    .unserserv-title {
        padding-top: 50px;
    }
}


.servic-img .vc_single_image-wrapper, .servic-img .vc_single_image-wrapper img {
    width: 100%;
}

.petses h3 {
    letter-spacing: 0;
    font-weight: 300 !important;
    text-transform: none !important;
    margin-bottom: 25px;
    font-size: 25px;
}

.petses .qbutton {
    margin-top: 25px;
}
.nomarginbottom {
    margin-bottom: 5px !important;
}


/*-------------------------------------------------------------------------------------------------------------------------
BLOG 7 MAGAZIN
--------------------------------------------------------------------------------------------------------------------------*/
.q_masonry_blog article .q_masonry_blog_post_text {background: #f8f8f8;}
.full_width .grid_section .q_masonry_blog article:hover, .q_masonry_blog article:hover {box-shadow: 0 0 25px 5px #00000036; -webkit-box-shadow: 0 0 25px 5px #00000036; -moz-box-shadow: 0 0 25px 5px #00000036; transition: .5s; cursor: hand;}
.full_width .grid_section .q_masonry_blog article, .q_masonry_blog article {transition: .5s;}
.q_masonry_blog article .q_masonry_blog_post_text h4 {margin-bottom: 15px;}
.full_width .grid_section .q_masonry_blog article, .q_masonry_blog article {margin: 0 0 40px!important;}


/*-------- SINGLE BLOG PAGE ----------*/
body.single-post .title_outer {display: none!important;}
.blog_single.blog_holder {margin-bottom: 150px;}
.blog_single.blog_holder .post_image {width: 70vh!important; height: auto; margin: 50px auto;}
.blog_single.blog_holder  .post_text {width: 70vh!important; margin: 0 auto;}
.post_info {display: none!important;}
.blog_holder.blog_single article h2 {margin-bottom: 6px;}
.blog_single.blog_holder .post_text p {font-size: 16px; line-height: 28px;}

@media (max-width: 950px) {
	.blog_single.blog_holder .post_image, .blog_single.blog_holder .post_text {width: inherit!important;}
}