/*
Theme Name: Impreza Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Impreza Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: m.typke
Author URI: https://typke-it.de
Template: Impreza
*/



/*Add your own styles here:*/


.link-hervorheben a,
#zrjb-datenschutz-infotext a,
.for_agreement a{
	font-weight: bold;
	color: var(--color-alt-content-bg);
	text-decoration: underline;
}
.link-hervorheben a:hover,
#zrjb-datenschutz-infotext a:hover,
.for_agreement a:hover{
	color:#000;
}

/* Buttonizer */

.buttonizer{
	
	font-family: 'Effra Bold';
	
}


/* Menü-Button */

.buttonizer-button-0-0-75,
.buttonizer-button-0-0-68,
.buttonizer-button-0-0-47,
.buttonizer-button-0-0-54,
.buttonizer-button-0-0-61,
.buttonizer-button-0-0-42,
.buttonizer-button-0-0-40,
#wa-button-2{
	border-top: 1px solid black!important;
	border-bottom: 1px solid black!important;
	border-left: 1px solid black!important;
	border-right: 1px solid black!important;
	top: 0px;
	transition: 0.5s;
}

.buttonizer-button-0-0-75 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-77,
.buttonizer-button-0-0-68 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-70,
.buttonizer-button-0-0-47 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-49,
.buttonizer-button-0-0-54 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-56,
.buttonizer-button-0-0-61 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-63,
.buttonizer-button-0-0-42 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-40,
.buttonizer-button-0-0-40 :not(#\ ):not(#\ ):not(#\ ).buttonizer-image-0-0-42
{
	margin: 0!important;
}

:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-75,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-68,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-40,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-47,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-43,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-54,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-61,
:not(#\ ):not(#\ ):not(#\ ).buttonizer-button-0-0-33 {
	min-width: 178px!important;
}

#wa-button:hover {
  top: -4px;
}
.buttonizer-button i{
	margin-left: -11px!important;
}


#wa-button-2 .buttonizer-label{
	margin-left: -16px!important;
    display: inline-block!important;
    white-space: normal!important;
	text-align: center!important;
	padding: 32px!important;
}
#wa-button-2 img {
  margin-left: 0px!important;
}

a:hover._brlbs-cursor,
#page-footer a {
	text-decoration: underline!important;	
}
#page-footer a:hover {
	font-weight: bold;
	color: var(--main-active-color);
}
#page-footer .w-menu[style*=--main-active-color] .menu>li.current-menu-item>a,
#zrjb-datenschutz-infotext a,
.for_agreement a {
	font-weight: bold!important;
}

#page-footer .w-iconbox-icon img {
        width: 51px;
}

button#zrjb-send-form-button,
button#zrjb-send-form-button.us-btn-style_32 {
    background: #000!important;
    padding: 20px 30px !important;
    color: #fff !important;
    font-family: var(--font-h1) !important;
	text-transform: uppercase !important;
}

#zrjb-searchbox-joblist-link {
	font-size: 19px !important;
}

.select2-selection__placeholder, #select2-zrjb-select-radius-container {
	font-size: 19px !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	font-size: 19px !important;
}

.w-filter.state_desktop.style_drop_default .w-filter-item-title, .select2-selection, select, textarea, input:not([type=submit]) {
	font-size: 19px !important;
}

div#zrjb-job-detail-stellenid {
	display: none !important;
}

#zrjb-file-upload-button {
	background: #6e778e !important;
}

.stellentitel p {
	line-height: 1.4 !important;
}


#zrjb-searchbox-joblist-link {
    transform: translateY(0) !important;
    transition: transform .3s ease, color .3s ease;
	border: solid 2px #000;
}


#zrjb-searchbox-joblist-link:hover {
    transform: translateY(0) !important;
    transition: transform .3s ease, color .3s ease;
	border: solid 2px #e4fd89;
	color: #e4fd89 !important;

}
.ush_menu_1 .w-nav-icon {
	color: #e4fd89
}


.w-tabs-section.active:not(.has_text_color)>.w-tabs-section-header {
    font-family: var(--font-h1)!important;
    color: #000!important;
    border-bottom: solid 1px #e4e6f1;
}


#zrjb-item-search-form input {
    background-color: #e4fd89!important;
    font-size: 16px !important;
    padding-left: 13.6px;
    height: 70px;
}

span.stellentitel {
	line-height: 1.3 !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #7f7f7f !important;
	font-family: 'Effra Bold';
	font-size: 19px !important;
}



.select2-container--default .select2-selection--single {
	height: 70px !important
}



.select2-container--default .select2-selection--single .select2-selection__rendered {
	    color: #7f7f7f !important;
    line-height: 45px !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow b {
	display: none !important
}

#zrjb-submit-button {
    border-radius: 0px !important;
}



.w-tabs.style_radio>.w-tabs-list .w-tabs-item.active {
    opacity: 1;
    background: #e4fd89 !important;
    color: #111;
    box-shadow: none;
    border-radius: 0px !important;
    border: solid 2px #e4fd89 !important;
}


.w-socials-item-link {

    line-height: 2rem;
    width: 2rem;
}

.w-tabs.style_radio>.w-tabs-list .w-tabs-item {
    border: solid 2px transparent;
    background: #c8d1ea;
    border-radius: 0px !important;
    margin-left: 5px;
    margin-right: 5px;
    color: #000 !important;
    opacity: 1 !important;
}


.w-tabs.style_trendy>.w-tabs-list .w-tabs-item.active {
    color: #000;
}

.w-tabs.style_trendy>.w-tabs-list .w-tabs-item {
    opacity: 0.4;
}




.w-grid[class*="cols_"] .w-grid-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}









@media only screen and (min-width: 768px) {
.l-subheader.width_full {
	margin-left: 0px;
	padding-left: 2.5rem !important;
	margin-right: 0px ;
	padding-right: 2.5rem !important;
}
}


:not(#\ ):not(#\ ):not(#\ ).buttonizer-label {
	                font-family: var(--font-h1)!important;

}


:not(#\ ):not(#\ ):not(#\ ).buttonizer-opened-0-0-21 {
	margin-bottom: 6px !important;
}

:not(#\ ):not(#\ ):not(#\ ).buttonizer-opened-0-0-14 {
	margin-bottom: 6px !important;
}


:not(#\ ):not(#\ ):not(#\ ).buttonizer-opened-0-0-7 {
	margin-bottom: 6px !important;
}


.w-btn {
	text-transform: uppercase !important;
}

.w-tabs.style_simple3>.w-tabs-list .w-tabs-item {
    padding: 0.8em 1.2em;
    border-radius: 0px;
}

/**************** Radius allgemein einstellen ******************/
/* RADIUS ÄNDERN - Buttons */
.w-btn {
	border-radius: 0px !important;
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;
}

.w-btn:hover {
	border-radius: 0px !important;
}
#BorlabsCookieBox ._brlbs-btn {
	border-radius: 0px !important;
}

#BorlabsCookieBox ._brlbs-btn:hover {
	border-radius: 0px !important;
	-webkit-transform: translate(0,-4px) !important;
    -ms-transform: translate(0,-4px) !important;
    transform: translate(0,-4px) !important;
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;

}

/* RADIUS ÄNDERN - MailPoet */
.mailpoet_text, .mailpoet_textarea, .mailpoet_select, .mailpoet_date_month, .mailpoet_date_day, .mailpoet_date_year, .mailpoet_date {
	border-radius: 0px !important;
}

.mailpoet_submit {
	border-radius: 0px !important;
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;
}

.mailpoet_submit:hover {
	border-radius: 0px !important;
	-webkit-transform: translate(0,-4px) !important;
    -ms-transform: translate(0,-4px) !important;
    transform: translate(0,-4px) !important;
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;

}

/* RADIUS ÄNDERN - GRID Items */
.w-grid-item-h {
	border-radius: 0px !important;
}

/* RADIUS ÄNDERN - Suchleiste */
.w-search.layout_simple input {
	border-radius: 0px !important;
}

/* RADIUS ÄNDERN - Icon Box durchgehend */
.w-iconbox.style_circle .w-iconbox-icon, .w-iconbox.style_outlined .w-iconbox-icon {
	border-radius: 0px;
}

/* RADIUS ÄNDERN - Tabs Wechsel 3 */
.w-tabs.style_radio3.layout_hor>.w-tabs-list .w-tabs-item {
    border-radius: 0px;
}
.w-tabs.style_radio3>.w-tabs-list .w-tabs-list-h {
    border-radius: 0px;
}

/* RADIUS ÄNDERN - Cookie Box */
#BorlabsCookieBox ._brlbs-bar, #BorlabsCookieBox ._brlbs-box {
	border-radius: 0px;
}

/* RADIUS ÄNDERN - Dropdown */
.w-nav.type_desktop .w-nav-list {
    border-radius: 0px;
}

/* RADIUS ÄNDERN - Filter */
.w-filter.state_desktop[class*="style_drop_"] .w-filter-item-values {
	border-radius: 0px;
}

/* RADIUS ÄNDERN - AKKORDATION */
.w-tabs.accordion>div>.w-tabs-section {
	border-radius: 0px !important;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
	border-radius: 0px;
}

/* RADIUS ÄNDERN - AKKORDATION */
.w-tabs-section-title {
                font-family: var(--font-h6)!important;
                /*font-weight: 84!important;*/
            }

/* RADIUS ÄNDERN - ICON BOX BILD */
.w-iconbox-icon svg, .w-iconbox-icon img {
    border-radius: 0px;
}

/* RADIUS ÄNDERN - POPUP */
.w-popup-box-content {
	border-radius: 0px !important;
}


/* RADIUS ÄNDERN Rundungen */

.rundkomplett {
	border-radius: 0px;
}

.rundoben {
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

.rundobenlinks {
	border-top-left-radius: 0px !important;
}

.rundobenrechts {
	border-top-right-radius: 0px !important;
}

.rundlinks {
	border-top-left-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.rundrechts {
	border-top-right-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
}

.rundunten {
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
}

.runduntenlinks {
	border-bottom-left-radius: 0px !important;
}

.runduntenrechts {
	border-bottom-right-radius: 0px !important;
}

/******* RADIUS ÄNDERN Rundungen*********/




/**************** Eigene Klassen ******************/

/* Wenn bei der Tour die vertikalen Tabs oben sein sollen - KLASSE IN SPALTE EINFÜGEN */
.touroben .w-tabs.layout_ver {
    display: flex;
    align-items: flex-start !important;
}

.buttonrund {
	border-radius: 29rem !important;
}

.buttonnichtrund {
	border-radius: 0px !important;
}

.template71 .w-iconbox.iconpos_left, .w-iconbox.iconpos_right .align_center  {
	text-align: left !important;
}

.hoverbox {
transition: transform .6s cubic-bezier(.23,1,.32,1);
	    transform-style: preserve-3d;
    perspective: inherit;
	    z-index: 2;
}

.hoverbox:hover {
    transform: scale(1.019);
    z-index: 2;
		    transform-style: preserve-3d;
    perspective: inherit;
}

.hupfbox {
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;
}

.hupfbox:hover {
	-webkit-transform: translate(0,-7px) !important;
    -ms-transform: translate(0,-7px) !important;
    transform: translate(0,-7px) !important;
	transition: .3s cubic-bezier(.215, .61, .355, 1) !important;
}


/*******Sonstige eigene Klassen*********/
.tabs-nicht-sichtbar .w-tabs-list-h {
	display: none !important;
}


#gridverlaufrechts .w-grid-list {
    -webkit-mask-image: linear-gradient(to left,transparent 14% 7%,#000 31%)!important;
}

#gridverlauflinks .w-grid-list {
    -webkit-mask-image: linear-gradient(to right,transparent 14% 7%,#000 31%)!important;
}

#gridverlaufrechts .w-grid-item {
    padding: 1.5rem;
    padding-top: 0px !important;
}


/******* Grid Buttons MEHRERE *********/
.gridbuttonsoben .owl-carousel.navpos_inside .owl-prev {
    left: 0;
    top: 0;
	margin-left: 1.5rem;
	margin-top: 30px;
	margin-bottom: -20px !important;
}

.gridbuttonsoben .owl-carousel.navpos_inside .owl-next {
    right: inherit;
    left: 0;
	top: 0;
	margin-left: 6rem;
	margin-top: 30px;
	margin-bottom: -20px !important;

}

.gridbuttonsoben .owl-carousel .owl-stage {
	margin-top: 70px;
}
/******* // *********/

/******* Grid Buttons MEHRERE MITTIG *********/
.gridbuttonsoben3 .owl-carousel.navpos_inside .owl-prev {
    left: 0;
    top: 0;
	margin-left: 1.5rem;
	margin-top: 30px
}

.gridbuttonsoben3 .owl-carousel.navpos_inside .owl-next {
    right: inherit;
    left: 0;
	top: 0;
	margin-left: 6rem;
	margin-top: 30px
}

.gridbuttonsoben .owl-carousel .owl-stage {
	margin-top: 70px;
}
/******* // *********/

/******* Grid Buttons EINE SPALTE *********/
.gridbuttonsoben2 .owl-carousel.navpos_inside .owl-prev {
    left: 0;
    top: 0;
	margin-left: 0rem;
	margin-top: 30px
}

.gridbuttonsoben2 .owl-carousel.navpos_inside .owl-next {
    right: inherit;
    left: 0;
	top: 0;
	margin-left: 4.5rem;
	margin-top: 30px
}

.gridbuttonsoben2 .owl-carousel .owl-stage {
	margin-top: 90px;
}

/******* // *********/



.skewklasse {
	    transform: skew(10deg) ;
}

.skewklasse2 {
	    transform: skew(-7deg, 0deg) ;
}

.mittigzentrieren {
	display: flex !important;
	justify-content: center !important;
}

/**************************************************************************/


/**************** Header ******************/
.l-header.shadow_wide .l-subheader.at_middle, .l-header.shadow_wide .l-subheader.at_bottom {
    box-shadow: 0 5px 30px 0px rgb(0 0 0 / 5%);
}

.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
	background: var(--color-subfooter-bg)!important;
	color: var(--color-subfooter-text)!important;
}

.menucloseside {
    width: 45px;
    height: 45px;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
	border-radius: 9rem !important;
	padding-top: 1px;
}

.menucloseside:hover {
	border-radius: 9rem !important;
}

/**** Mobiles Menü Maximale Breite *****/
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    min-width: 560px !important;
	max-width: 560px !important;
}

.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
	padding: 4.5rem;
}

@media screen and (max-width: 900px) {
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    min-width: 100vw !important;
	max-width: 100vw !important;
}
	
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
	padding: 2.5rem;
}
}

/**** Mobiles Menü Animation zum ausklappen *****/
.w-nav.type_mobile.m_layout_panel .w-nav-list.level_1 {
    transition: transform .9s cubic-bezier(.197,0,.125,1),box-shadow .5s cubic-bezier(.77,0,.175,1)!important;
}
/**** Menü Dropdown *****/
.w-nav.type_desktop .w-nav-list {
	padding-top: 10px;
	padding-bottom: 10px;
}

.w-nav.type_desktop .w-nav-list.level_2 {
	box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09);
}

.w-nav.type_desktop .w-nav-list.level_3 {
	box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09);
}

.w-nav.type_desktop .w-nav-list.level_4 {
	box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09);
}


/**** Menü Dropdown Pfeil Ausrichtung *****/
.w-nav-arrow:before {
    vertical-align: middle !important;
}
/**** Menü Pfeil Größe *****/
.w-nav.type_desktop .w-nav-anchor.level_1 .w-nav-arrow:before {
    font-size: 15px !important;
}
/**** Menü Dropdown Pfeil Größe *****/
.w-nav.type_desktop .menu-item-has-children>.w-nav-anchor:not(.level_1) .w-nav-arrow {
    line-height: 3.2em !important;
    width: 30px;
    font-size: 11px !important;
}
/**** Mobiles Menü Abstand links & rechts *****/
@media screen and (max-width: 767px) {
.l-subheader.width_full {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
}
	
.l-subheader {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important;
}
}

/**** Mobile Menü Pfeil Größe *****/
.w-nav.type_mobile .w-nav-anchor:not(.w-btn) .w-nav-arrow:before {
    font-size: 19px !important;
}

.w-nav.type_mobile .w-nav-anchor:not(.w-btn) {
	padding: 0.6rem 0 !important;
}

/**** Mobile Menü Panel Schatten *****/
.header_hor .w-nav.type_mobile.m_layout_panel.m_effect_afr .w-nav-list.level_1 {
box-shadow: -1px 0 20px rgb(0 0 0 / 4%)
}
/**** Mobile Menü Block-Style Rand *****/
.w-menu.style_blocks .menu>.menu-item>a {
	border-radius: 4px !important;
}

/**** Mobile Menü Dropdown *****/
.w-nav.type_mobile.m_align_none .w-nav-anchor.level_2, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_2 {
    padding-left: 1.5rem !important;
    border-left: solid 1px var(--color-content-border) !important;
    margin-left: 2px !important;
}

.w-nav.type_mobile.m_align_none .w-nav-anchor.level_3, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_3 {
    padding-left: 2.5rem !important;
    border-left: solid 1px var(--color-content-border) !important;
    margin-left: 2px !important;
}

.w-nav.type_mobile.m_align_none .w-nav-anchor.level_4, .w-nav.type_mobile.m_align_left .w-nav-anchor.level_4 {
    padding-left: 3.5rem !important;
    border-left: solid 1px var(--color-content-border) !important;
    margin-left: 2px !important;
}


/**************** Link Icon bei Link-Beiträgen im Grid entfernen ******************/
.w-grid-item.format-link .post_title a:after {
display: none !important;
}

/*********************** TRENNER ************************/
/** Desktop **/
.w-separator.size_small:empty {
    height: 18px !important;
}
.w-separator.size_medium:empty {
    height: 65px !important;
}
.w-separator.size_large:empty {
    height: 90px !important;
}
.w-separator.size_huge:empty {
    height: 90px !important;
}

/** Mobile **/
@media screen and (max-width: 600px) {
.w-separator.size_small:empty {
    height: 18px !important;
}
.w-separator.size_medium:empty {
    height: 50px !important;
}
.w-separator.size_large:empty {
    height: 60px !important;
}
.w-separator.size_huge:empty {
    height: 60px !important;
}
}

/*********************** ZEILEHÖHE ************************/
/** Desktop **/
.l-section.height_small {
    padding-top: 18px;
    padding-bottom: 18px;
}

.l-section.height_medium {
    padding-top: 65px;
    padding-bottom: 65px;
}

.l-section.height_large {
    padding-top: 90px;
    padding-bottom: 90px;
}

.l-section.height_huge {
    padding-top: 90px;
    padding-bottom: 90px;
}

/** Mobile **/
@media screen and (max-width: 600px) {
.l-section.height_small {
    padding-top: 18px;
    padding-bottom: 18px;
}

.l-section.height_medium {
    padding-top: 50px;
    padding-bottom: 50px;
}
	
.l-section.height_large {
    padding-top: 60px;
    padding-bottom: 60px;
}

.l-section.height_huge {
    padding-top: 60px;
    padding-bottom: 60px;
}
}

/**************** Sonstige CSS ******************/
.w-popup-box-content[style*="padding"] {
	padding: 3rem;
}

.w-popup-box-content {
	margin: 1.5rem;
	overflow: auto !important;
	position: relative !important;
	z-index: 1;
}

.w-popup-box:not([style*="100%"]) + .w-popup-closer {
	background: #fff !important;
    color: #3a4354 !important;
	box-shadow: 0 10px 20px 0 var(--color-footer-bg)!important;
    border-radius: 100px;
	z-index: 7 !important;
    margin: 16px;
    font-size: 19px;
}


.mfp-fade.mfp-wrap.mfp-ready .mfp-container:after, .mfp-fade.mfp-wrap.mfp-ready .mfp-arrow  {
	background: #fff !important;
    color: #3a4354 !important;
	box-shadow: 0 30px 90px 0 var(--color-footer-bg) !important;
    border-radius: 100px;
    margin: 16px;
    font-size: 19px !important;
	width: 45px !important;
	height: 45px !important;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
	opacity: 1 !important
}

.mfp-arrow:before {
	color: #3a4354;
	font-size: 19px;
    font-size: 19px !important;
	width: 45px !important;
	height: 45px !important;
    display: flex !important;
    align-content: center;
    align-items: center;
    justify-content: center;
	opacity: 1 !important;
	margin-top: 1px;
}
div.w-popup-closer {
    background: #fff !important;
    color: #3a4354 !important;
	box-shadow: 0 5px 8px rgb(0 0 0 / 15%) !important;
    border-radius: 100px;
    margin: 16px;
    font-size: 19px;
}
.w-popup-closer {
    line-height: 40px;
    height: 40px;
    width: 40px;
}

@media screen and (max-width: 1366px) {
#page-content {
        overflow: hidden !important;
}
}
.owl-nav {
    display: inherit !important;
}
.w-iconbox.iconpos_top {
    max-width: 100%;
}



.g-cols.via_flex.type_default>div[class*="vc_col-lg-"] {
    margin-top: 0px;
    margin-bottom: 0px;
}


.us_custom_4e07e837 {
    display: flex;
    align-items: center !important;
}

@media (max-width: 767px) {
.g-cols.via_flex>div:not([class*=" vc_col-"]) {
    width: 100%;
    margin: 0 0 0px !important;
}
}

.w-tabs.layout_ver {
    display: flex;
    align-items: center !important;
}

/******* LOGO-Grid ******/

/*** DUNKEL ***/
.logogrid {
	filter: grayscale(1);
	transition: transform .6s cubic-bezier(.23,1,.32,1);
}


.logogrid:hover {
	filter: grayscale(0);
	transition: transform .6s cubic-bezier(.23,1,.32,1);
}

.logogrid {
    position: relative;
    height: max-content !important;
}

/*** HELL ***/
.logogrid2 {
	opacity: 0.7;
	transition: transform .6s cubic-bezier(.23,1,.32,1);
}


.logogrid2:hover {
	opacity: 1;
	transition: transform .6s cubic-bezier(.23,1,.32,1);
}

.logogrid2 {
    position: relative;
    height: max-content !important;
}





.w-btn i {
    vertical-align: middle !important;
	margin-bottom: 0.5px;
}

.post-password-form {
    max-width: calc(1340px + 5rem);
    background: #fff;
    padding: 60px;
    box-shadow: 0 5px 20px 0px rgb(0 0 0 / 12%);
    margin-top: 70px;
	margin-bottom: 90px;
	border-radius: 10px;
	
}

.post-password-form p {
    text-align: center;
    font-size: 22px;
    color: #111;
    line-height: 1.2;
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 600;
}



/**** LAYOUTS GRID ***/
 


.layout_13566 .w-grid-item-h {
    box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09)!important;
}

.layout_11673 .w-grid-item-h {
    box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09)!important;
}

.layout_11317 .w-grid-item-h {
    box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09)!important;
}

.layout_11688 .w-grid-item-h {
    box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09)!important;
}

.layout_11673 .w-grid-item-h {
    box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09)!important;
}


/**** Tabellen Style ***/

td, th {
    text-align: left;
}

tr:nth-child(2n) td {
	background-color: #ffffff;
}

td,th {
	padding: 10px;
	background-color: var(--color-content-bg-alt) !important;
}
th {
	background-color: var(--color-content-primary)!important;
	color: #ffffff;
}

/**** Sonstige ***/

.g-filters-item {
    border-radius: 3rem !important;
	border: solid 1px var(--color-content-border);
	margin-right: 15px !important;
	margin-bottom: 15px !important;
}

.g-filters-item.active {
	background: var(--color-content-primary) !important;
	border: solid 1px var(--color-content-primary) !important;
	color: #fff !important;
}

.g-filters {
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 1366px) {
.g-filters {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 11;
    overflow: auto;
    -webkit-mask-image: linear-gradient(to left,transparent 5px,#000 40px)!important;
	padding-bottom: 20px;
}
}

.w-tabs.accordion>div>.w-tabs-section {
    border-width: 0px !important;
    background: #fff;
    box-shadow: 0 30px 80px 0 rgba(0,0,0,0.06)!important;
    margin-top: 1.5rem;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
    background: #fff !important;
}

.w-tabs-section-title {
	font-family: var(--font-h1);
	font-weight: 100 !important;
}

span.w-tabs-item-title {
	font-family: var(--font-h1);
	font-weight: 100 !important;
}

.w-tabs.layout_ver {
    align-items: flex-start;
}


#mailpoet_form_1 .mailpoet_text, #mailpoet_form_1 .mailpoet_textarea {
    width: 200px;
    height: 50px;
    text-align: center;
}

#mailpoet_form_1 .mailpoet_submit {
    height: 50px;
}


[class*="us_animate_"] {
    opacity: 0;
    animation-duration: 2.4s;
    animation-fill-mode: both;
}

b, strong {
   font-weight: 100 !important;
   font-family: 'Effra Bold';
}

.w-tabs.layout_ver.navwidth_auto>.w-tabs-list .w-tabs-item {
    margin-bottom: 20px;
}

.w-search.layout_simple input {
    font-size: 1rem;
}


:root {
	--box-shadow: 0 5px 27px 0 rgba(58,67,84,0.09) !important;
}

.w-search.layout_simple button {
    display: flex;
    top: 0 !important;
    transform: none !important;
    height: 2.8rem;
    align-items: center;
    align-content: center;
	margin-top: 1px !important;
	margin-right: 22px !important;
}

.w-filter.state_desktop.layout_hor .w-filter-item-reset:before {
    vertical-align: middle;
    content: '\f00d';
    font-family: fontawesome;
    font-weight: 300;
    font-size: 14px;
    color: #000;
}


.w-tabs-section-content {
    padding: 0px !important;
}

.akkordation .w-tabs-section-content-h {
	padding: 1.5rem;
	border-top: solid 1px var(--color-content-border)
}

@media screen and (max-width: 600px) {
.tour .w-tabs-section-content-h {
	border-top: solid 1px var(--color-content-border);
	padding-bottom: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 1.5rem;
}
}

@media screen and (max-width: 1366px) {
.w-tabs-list-h {
    display: flex;
    flex-wrap: nowrap;
    position: relative;
    z-index: 11;
    overflow: auto;
    -webkit-mask-image: linear-gradient(to left,transparent 5px,#000 40px)!important;
    padding-bottom: 20px;
	padding-right: 30px;
}
}

.w-tabs.style_radio>.w-tabs-list .w-tabs-item.active {
    opacity: 1;
    background: var(--color-content-bg-alt);
    color: var(--color-content-primary);
    box-shadow: none;
    border: solid 2px;
}

.w-tabs.style_radio>.w-tabs-list .w-tabs-item {
    border: solid 2px transparent;
}

.w-iconbox.iconpos_left {
	align-items: center !important;
}

.w-iconbox.iconpos_right {
	align-items: center !important;
}

/**** CSS NUR DESKTOP ***/
@media screen and (min-width: 1282px)  {
	
/* Damit Tabs rechtsbündig werden - immer auf zentriert stellen */
.tabsrechts .w-tabs-list.align_center .w-tabs-list-h {
    justify-content: right;
}

}

/**** CSS NUR IPAD PRO ***/
@media screen and (min-width: 1016px) and (max-width: 1281px)  {

	.w-image img:not([src*=".svg"]), .w-image[class*="ush_image_"] img {
    /* width: 190px!important; */
	}
	.us-btn-style_66 {
	width: 125px!important;
	}

	
	h1 {
		font-size: 50px;
	}
	
	h2 {
		font-size: 37px;
	}
	span.w-tabs-item-title{
		font-size: 0.8em;
	}
}



/**** CSS NUR TABLET ***/
@media screen and (min-width: 601px) and (max-width: 1017px)  {

	.l-subheader {
		padding-left: 2.5rem !important;
		padding-right: 2.5rem !important;
}
	
	
	#zrjb-item-search-container>div {
		width: 100%
	}
	
#zrjb-searchbox-container {
    display: block !important;
}
.zrjb-searchbox-keywords-wrapper {
    width: 100% !important;
}
.zrjb-filter-umkreis-wrapper {
    width: 100% !important;
	margin-top: 10px !important;
}
.zrjb-searchbox-joblist-link-container {
        width: 100% !important;
}
	#zrjb-searchbox-joblist-link {
		margin-top: 10px !important
	}

	
	h1 {
		font-size: 41px;
	}
	
	h2 {
		font-size: 33px;
	}
		span.w-tabs-item-title{
		font-size: 0.7em;
	}

}



/**** CSS NUR MOBILE ***/
@media screen and (max-width: 600px) {

html {
  word-wrap: break-word;
  overflow-wrap: break-word;
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;
}

	#zrjb-item-search-container>div {
		width: 100%
	}
	
#zrjb-searchbox-container {
    display: block!important;
    margin-bottom: 40px !important;
}
	
.w-tabs-section-title {
    font-size: 17px !important;
}
	
	.w-tabs-section-header {
		padding: 1rem !important;
	}
	
/* Tabelle vertikales scrollen möglich */
table {
	display: block;
    flex-wrap: nowrap;
    position: relative;
    z-index: 11;
    overflow: auto;
    -webkit-mask-image: linear-gradient(to left,transparent 5px,#000 40px)!important;
	margin-right: 90px;
}
	
/* Damit Tabs mobil immer linksbündig sind, auch wenn zentriert eingestellt ist ----
 * falls es zuviele Tabs werden bei Tablet, dieses CSS auch bei Tablet einfügen */
.w-tabs-list.align_center .w-tabs-list-h {
    justify-content: left;
}
	

	
#zrjb-searchbox-container {
    display: block !important;
}
.zrjb-searchbox-keywords-wrapper {
    width: 100% !important;
}
.zrjb-filter-umkreis-wrapper {
    width: 100% !important;
	margin-top: 10px !important;
}
.zrjb-searchbox-joblist-link-container {
        width: 100% !important;
}
#zrjb-searchbox-joblist-link {
		margin-top: 10px !important
}
	
#zrjb-submit-button {
    border-radius: 0px!important;
    width: 100%;
	margin-bottom: 25px !important;
}
	
div.zrjb-filter-reset-link-wrapper {
    text-align: center;
    background: #c8d1ea;
    line-height: 1.3;
    padding: 2px;
    padding-top: 14px;
    margin-top: 10px !important;
    margin-bottom: -20px;
}