/**************************************************
 1.0    settings
        variables, like colors, typography etc.
 2.0    tools
        globally used mixins/functions
 3.0    generic
        browser resets, normalizing, box-sizing
 4.0    elements
        like body, strong, a
 5.0    objects
        oocss, like .box, .button
 6.0    components
        ui components, like .c-header, .c-footer
 7.0    utilities
        helper classes, like .color--grey, .text-align--center
 **************************************************/

/**************************************************
 1.0    settings
 **************************************************/

:root {
	--ytpi-layout-breakpoint--xs:             767px;
	--ytpi-layout-breakpoint--sm:             991px;
	--ytpi-layout-breakpoint--md:             1199px;
	--ytpi-layout-grid-cols--default:         12;
	--ytpi-layout-grid-cols-gap--default:     15px;
	--ytpi-layout-section-spacing-y--smaller: 0.5rem;
	--ytpi-layout-section-spacing-y--small:   1rem;
	--ytpi-layout-section-spacing-y--default: 2rem;
	--ytpi-layout-section-spacing-y--big:     3rem;
	--ytpi-layout-section-spacing-y--bigger:  4rem;

	--ytpi-typography-font-size--smaller:     0.65rem;
	--ytpi-typography-font-size--small:       0.75rem;
	--ytpi-typography-font-size--default:     20px;
	--ytpi-typography-font-size--big:         1.5rem;
	--ytpi-typography-font-size--bigger:      2rem;
	--ytpi-typography-font-family--primary:   'Open Sans', Helvetica, Arial, sans-serif;
	--ytpi-typography-font-family--accent:    'Baloo', sans-serif;
	--ytpi-typography-font-size--h1:          2.25rem;
	--ytpi-typography-font-size--h2:          1.75rem;
	--ytpi-typography-font-size--h3:          1.5rem;
	--ytpi-typography-font-size--h4:          1.25rem;
	--ytpi-typography-font-size--h5:          1.125rem;
	--ytpi-typography-font-size--h6:          1.0rem;
	--ytpi-typography-line-height--small:     1.2;
	--ytpi-typography-line-height--default:   1.4;
	--ytpi-typography-line-height--big:       1.6;

	--ytpi-color-primary--light:              #FFE680;
	--ytpi-color-primary:                     #FFCC00;
	--ytpi-color-primary--dark:               #7F6600;
	--ytpi-color-accent:                      #0099FF;
	--ytpi-color-text:                        #000000;
	--ytpi-color-links:                       var(--ytpi-color-text);
	--ytpi-color-links--active:               var(--ytpi-color-primary);
	--ytpi-color-grey--lighter:               #F5F5F5;
	--ytpi-color-grey--light:                 #E8E8E8;
	--ytpi-color-grey:                        #C4C4C4;
	--ytpi-color-grey--dark:                  #333333;

	--ytpi-settings-transition--default:      0.25s 0s all ease-in;
	--ytpi-settings-z-index--smaller:         -20;
	--ytpi-settings-z-index--small:           -10;
	--ytpi-settings-z-index--default:         1;
	--ytpi-settings-z-index--big:             10;
	--ytpi-settings-z-index--bigger:          20;

}

/**************************************************
 2.0    tools
 **************************************************/

.gelb .vc_single_image-wrapper,
.gelb .elementor-image {
	position: relative;
}

.gelb .vc_single_image-wrapper::before,
.gelb .elementor-image::before {
	position:   absolute;
	width:      100%;
	height:     100%;
	content:    '';
	opacity:    0.4;
	background: var(--ytpi-color-primary);
}

/**************************************************
 3.0    generic
 **************************************************/

@font-face {
	font-family: 'Baloo';
	src:         url('../fonts/Baloo-Regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style:  normal;
}

@font-face {
	font-family: 'Baloo';
	src:         url('../fonts/Baloo-Bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style:  normal;
}

@font-face {
	font-family: 'Open Sans';
	src:         url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style:  normal;
}

@font-face {
	font-family: 'Open Sans';
	src:         url('../fonts/OpenSans-Regular-webfont.woff') format('woff');
	font-weight: 400;
	font-style:  normal;
}

@font-face {
	font-family: 'Open Sans';
	src:         url('../fonts/OpenSans-Italic-webfont.woff') format('woff');
	font-weight: 400;
	font-style:  italic;
}

@font-face {
	font-family: 'Open Sans';
	src:         url('../fonts/OpenSans-Bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style:  normal;
}

@font-face {
	font-family: 'Open Sans';
	src:         url('../fonts/OpenSans-BoldItalic-webfont.woff') format('woff');
	font-weight: 700;
	font-style:  italic;
}

.jupiterx-main-content > .container {
	overflow-x: hidden;
}

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

* {
	font-size: 1rem;
}

/**************************************************
 3.1       altes css
 **************************************************/

/*
	2021-02-22 YTPI-AS:
	übernommen aus Inline CSS (vermutlich weil kein Child Theme angelegt wurde und teilweise überarbeitet, weil unsauber und wartungsintensiv
*/
/* Allgemein */
.container {
	padding-right: var(--ytpi-layout-grid-cols-gap--default);
	padding-left:  var(--ytpi-layout-grid-cols-gap--default);
}

.row {
	display:       flex;
	flex-wrap:     wrap;
	width:         auto;
	margin-right:  calc(var(--ytpi-layout-grid-cols-gap--default) * -1);
	margin-bottom: var(--ytpi-layout-grid-cols-gap--default);
	margin-left:   calc(var(--ytpi-layout-grid-cols-gap--default) * -1);
}

.row:after {
	clear:   both;
	width:   100%;
	content: ' ';
}

.fullwidth,
.one_half {
	padding-right: var(--ytpi-layout-grid-cols-gap--default);
	padding-left:  var(--ytpi-layout-grid-cols-gap--default);
}

.fullwidth {
	width: 100%;
}

.one_half {
	width: 50%;
}

@media handheld, only screen and (max-width: 1140px) {
	.mk-header:not(.header-style-4) .mk-header-holder {
		position: fixed !important;
	}

	.mk-header-padding-wrapper {
		display: block !important;
	}

	#menu-quicklinks li a {
		padding-left: 0 !important;
	}
}

@media handheld, only screen and (max-width: 767px) {
	.mk-header:not(.header-style-4) .mk-header-holder {
		position: relative !important;
		top:      0 !important;
	}

	.mk-header-padding-wrapper {
		display: none !important;
	}
}

/* Hauptmenü */
.menu-hover-style-2 .main-navigation-ul > li.current_page_parent > a.menu-item-link,
.menu-hover-style-1.mk-vm-menuwrapper li.current_page_parent > a {
	color: #FFCC00 !important;
}

/*.mk-header .main-navigation-ul #menu-item-227 > a,*/
/*.mk-header .main-navigation-ul #menu-item-4229 > a,*/
/*.mk-header .main-navigation-ul #menu-item-294 > a,*/
/*.mk-header .main-navigation-ul #menu-item-4236 > a {*/
/*    line-height:   20px !important;*/
/*    height:        auto !important;*/
/*    margin:        34px 5px 30px;*/
/*    padding:       2px 5px;*/
/*    transition:    color .1s ease-out, background .1s ease-out, border .1s ease-out, height .35s ease, line-height .35s ease;*/
/*    border:        1px solid #000000;*/
/*    border-radius: 10px;*/
/*}*/

/*.mk-header .main-navigation-ul #menu-item-227 > a,*/
/*.mk-header .main-navigation-ul #menu-item-4229 > a {*/
/*    color:            #FFFFFF;*/
/*    background-color: #000000;*/
/*}*/

.main-navigation-ul #menu-item-294,
.main-navigation-ul #menu-item-4236 {
	margin-left: 20px;
}

.mk-header .main-navigation-ul #menu-item-294 > a,
.mk-header .main-navigation-ul #menu-item-4236 > a {
	width:            160px;
	color:            #000000;
	background-color: #FFFFFF;
}

/*.mk-header.a-sticky .main-navigation-ul #menu-item-227 > a,*/
/*.mk-header.a-sticky .main-navigation-ul #menu-item-4229 > a,*/
/*.mk-header.a-sticky .main-navigation-ul #menu-item-294 > a,*/
/*.mk-header.a-sticky .main-navigation-ul #menu-item-4236 > a {*/
/*    margin: 15px 5px;*/
/*}*/

/* Headerbanner Startseite */
.master-holder #header_banner.elementor-section h1,
.master-holder #header_banner.elementor-section p {
	color: #FFFFFF;
}

/* Slider Startseite */
.ms-btn-container a.button_primary,
.ms-btn-container a.button_secondary {
	transition: var(--ytpi-settings-transition--default);
	color:      #FFFFFF;
}

.ms-btn-container a.button_primary:hover,
.ms-btn-container a.button_secondary:hover {
	color:        #000000;
	border-color: var(--ytpi-color-primary);
	background:   var(--ytpi-color-primary);
}

#slide_home .elementor-background-overlay {
	z-index: 1;
	height:  130px;
}

/* Startseite */
.container_box_yellow .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated .elementor-divider {
	margin-right: -5px;
	margin-left:  -5px;
}

.container_box_yellow .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated .elementor-divider {
	margin-right: -10px;
	margin-left:  -10px;
}

.container_box_yellow .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated .elementor-divider {
	margin-right: -15px;
	margin-left:  -15px;
}

.container_box_yellow .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated .elementor-divider {
	margin-right: -20px;
	margin-left:  -20px;
}

.container_box_yellow .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated .elementor-divider {
	margin-right: -30px;
	margin-left:  -30px;
}

.container_box_yellow .box {
	height:     auto;
	min-height: 380px;
}

.container_box_yellow #box1 p {
	line-height: 1.3em;
}

.container_box_yellow #box2 p {
	font-size:     30px;
	line-height:   1.3em;
	margin-bottom: 0;
}

.container_box_yellow #box4 p {
	font-size: 18px;
}

.container_box_yellow .elementor-widget-wrap {
	flex-direction: column;
}

.container_box_yellow .elementor-widget-wrap > * {
	flex-grow: 0;
}

.container_box_yellow .elementor-widget-wrap > .flex-spacer {
	flex-grow: 1;
}

.container_box_yellow .elementor-align-center a.elementor-button {
	max-width: 222px;
}

#theme-page .theme-page-wrapper {
	margin: 0 auto 20px;
}

#theme-page .theme-page-wrapper .theme-content {
	padding: 0 20px 30px;
}

input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
textarea {
	font-size: 15px;
	color:     #000000;
}

form.wpcf7-form input.wpcf7-submit {
	font-size:     15px;
	line-height:   20px !important;
	display:       block;
	border-radius: 10px;
}

form.wpcf7-form .wpcf7-acceptance a {
	font-weight: bold;
}

form.wpcf7-form .wpcf7-acceptance a:hover {
	color: #54595F;
}

#contact-form {
	background: #FFCC00;
}

#contact-form h3 {
	text-align: center;
}

#contact-form input[type='submit'] {
	color:      #FFFFFF;
	background: #252525;
}

#contact-form input[type='submit']:hover {
	color:      #FFFFFF;
	background: #707070;
}

#maja_global_form {
	display:   flex;
	flex-wrap: wrap;
}

#maja_global_form #choose_product {
	margin-bottom: 10px;
}

input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea {
	margin-bottom:    4px;
	padding:          10px 12px;
	border:           1px solid #E3E3E3;
	outline:          0;
	background-color: #FDFDFD;
}

/* Footer */
#mk-footer .widget.widget_custom_html a#newsletter_button {
	font-size:        16px;
	display:          inline-block;
	padding:          6px 15px;
	text-align:       center;
	color:            #000000;
	border:           3px solid #FFCC00;
	border-radius:    15px;
	background-color: #FFCC00;
}

#mk-footer .widget.widget_custom_html a#newsletter_button:hover {
	color:            #000000;
	background-color: #FFFFFF;
}

/* Footer Menüs */
#mk-footer .widget_nav_menu .menu-hauptmenue-container ul li {
	display: block;
}

#mk-footer .widget_nav_menu .menu-hauptmenue-container ul li a {
	line-height: 1.2em;
	display:     block;
}

#mk-footer .widget_nav_menu ul#menu-footer-menue li {
	display: inline-block;
}

#mk-footer .widget_nav_menu ul#menu-footer-menue li a {
	padding: 5px 15px;
}

#mk-footer .widget_nav_menu ul#menu-footer-menue li:first-child a {
	padding: 5px 15px 5px 0;
}

#mk-footer .widget_nav_menu ul#menu-footer-menue li:before {
	content: '|';
}

#mk-footer .widget_nav_menu ul#menu-footer-menue li:first-child:before {
	display: none;
}

#mk-footer .widget_nav_menu ul li a .mk-svg-icon {
	display: none;
}

#mk-footer p,
#mk-footer a {
	font-size: 0.8rem;
}

#mk-footer a {
	text-decoration: none;
}

#footer_social {
	display:   flex;
	flex-wrap: wrap;
}

#footer_social li {
	width:         25%;
	padding-right: 10px;
}

#footer_social li a {
	font-size: 50px;
}

@media screen and (min-width: 1200px) {
	#slide_home .ms-btn-container {
		top: 315px !important;
	}
}

@media screen and (max-width: 1200px) {
	#slide_home .elementor-background-overlay {
		display: none;
	}
}

@media screen and (max-width: 1000px) {
	#slide_home .ms-anim-layers {
		display:       flex;
		align-content: center;
		flex-wrap:     wrap;
		height:        100%;
		padding:       0 20px;
	}

	#slide_home .ms_headline,
	#slide_home .ms_subhead,
	#slide_home .ms-btn-container {
		position: relative;
		top:      inherit !important;
		left:     inherit !important;
		display:  block;
		width:    100% !important;
	}

	#slide_home .ms_headline {
		font-size:     25px !important;
		line-height:   24px !important;
		margin-bottom: 10px !important;
	}

	#slide_home .ms_subhead {
		font-size:   18px !important;
		line-height: 20px !important;
	}

	#slide_home .button_primary,
	#slide_home .button_secondary {
		font-size: 18px !important;
		display:   inline-block !important;
		width:     auto !important;
		margin:    5px 0 !important;
		padding:   5px 20px !important;
	}

	#footer_social li {
		width: 50%;
	}
}

@media screen and (max-width: 767px) {
	#footer_social {
		padding-bottom: 25px;
	}

	#footer_social li {
		width: 25%;
	}
}

@media screen and (max-width: 480px) {
	#mk-footer .footer-wrapper {
		padding-bottom: 60px;
	}
}

.jupiterx-footer {
	font-size:        .8rem;
	color:            #FFFFFF;
	background-color: #000000;
}

.jupiterx-footer * {
	font-size: 16px;
}

.jupiterx-footer a:not([id='newsletter_button']),
.jupiterx-footer a:link:not([id='newsletter_button']),
.jupiterx-footer a:visited:not([id='newsletter_button']) {
	text-decoration: none !important;
	color:           #FFFFFF;
}

.jupiterx-footer a:not([id='newsletter_button']):hover,
.jupiterx-footer a:link:not([id='newsletter_button']):hover,
.jupiterx-footer a:visited:not([id='newsletter_button']):hover {
	color: var(--ytpi-color-primary);
}

.jupiterx-footer-widgets {
	padding-top:    50px;
	padding-bottom: 50px;
}

.jupiterx-footer-widgets > .container {
	max-width:     1432px;
	padding-right: 16px;
	padding-left:  16px;
}

[id='newsletter_button'] {
	font-size:             1rem;
	font-weight:           400;
	line-height:           normal;
	display:               inline-block;
	padding:               8px 32px;
	transition:            250ms ease-in-out;
	color:                 #000000;
	border:                2px solid var(--ytpi-color-primary);
	-moz-border-radius:    .8em;
	-webkit-border-radius: .8em;
	border-radius:         .8em;
	background-color:      var(--ytpi-color-primary);
}

[id='newsletter_button']:hover {
	color:            #000000;
	background-color: #FFFFFF;
}

.jupiterx-widget ul[id='menu-footer-menue'] {
	display: flex;
}

.jupiterx-widget ul[id='menu-footer-menue'] li {
	margin: 0;
}

.jupiterx-widget ul[id='menu-footer-menue'] li a {
	display:        inline-block;
	padding-top:    5px;
	padding-bottom: 5px;
}

.jupiterx-widget ul[id='menu-footer-menue'] li + li:before {
	position:      relative;
	top:           -.75em;
	display:       inline-block;
	padding-right: 15px;
	padding-left:  15px;
	content:       '|';
}

.jupiterx-widget ul .menu-item:before,
.jupiterx-widget ul .cat-parent:before {
	font-size: inherit;
	position:  static;
	top:       auto;
	right:     auto;
	cursor:    auto;
}

[id='footer_social'] .fab {
	font-size: inherit;
}

[id='footer_social'] br {
	display: none !important;
}

[id='footer_social'] a {
	transition: color 250ms ease-in-out;
}

[id='footer_social'] a:hover {
	color: var(--ytpi-color-primary) !important;
}

.jupiterx-footer-widgets:not(.elementor-widget-sidebar) {
	border-top: none;
}

/**************************************************
* main nav search hack
**************************************************/
.main-nav-side-search {
	position:    absolute;
	z-index:     1;
	top:         auto;
	right:       0;
	bottom:      0;
	left:        auto;
	margin-left: 0;
}

a.mk-toggle-trigger {
	position:   absolute;
	z-index:    -1;
	top:        auto;
	right:      0;
	bottom:     100%;
	left:       auto;
	visibility: hidden;
	opacity:    0;
}

#mk-nav-search-wrapper {
	right: 0;
}

.mk-nav-arrow.mk-nav-sub-opened > .mk-svg-icon {
	transform: rotateZ(180deg);
}

/* ------ bis 1200px ----- */
@media screen and (max-width: 1199px) {
	.elementor-widget-shortcode .container_box_yellow--contact.elementor-element {
		padding: 80px 30px 80px 30px;
	}

	.container_box_yellow--contact .elementor-element.box#box1 > .elementor-column-wrap.elementor-element-populated {
		background-size: cover;
	}

	.container_box_yellow--contact .elementor-element.box#box3 > .elementor-column-wrap.elementor-element-populated {
		background-size: cover;
	}

	.container_box_yellow--contact .elementor-element.box#box3 > .elementor-column-wrap.elementor-element-populated .elementor-widget-button .elementor-widget-container {
		margin: 146px 0 0 0;
	}
}

/* ------ bis 991px ----- */
@media screen and (max-width: 991px) {
	.container_box_yellow--contact .elementor-element.box#box3 > .elementor-column-wrap.elementor-element-populated .elementor-widget-button .elementor-widget-container {
		margin: 182px 0 0 0;
	}

	.elementor-column.elementor-col-25.box {
		width: 50%;
	}

	.container_box_yellow--contact .elementor-element.box#box1 > .elementor-column-wrap.elementor-element-populated .elementor-widget-button .elementor-widget-container {
		margin-top: 25px;
	}
}

/* ------ bis 767px ----- */
@media screen and (max-width: 767px) {
	body {
		overflow-x: hidden;
	}

	.one_half,
	.one_fourth {
		width: 100%;
	}

	h1 {
		font-size:   24px;
		line-height: 30px;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size:   20px;
		line-height: 24px;
	}
}

/* ------ bis 640px ----- */
@media screen and (max-width: 640px) {
	.elementor-column.elementor-col-25.box {
		width: 100%;
	}
}

/* ----- 480px ----- */
@media screen and (max-width: 480px) {
	h1 {
		font-size:   20px;
		line-height: 26px;
	}

	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size:   18px;
		line-height: 22px;
	}
}

/**************************************************
 4.0    elements
 **************************************************/

html {
	font-family: var(--ytpi-typography-font-family--primary);
	font-size:   var(--ytpi-typography-font-size--default);
	font-weight: 400;
	line-height: var(--ytpi-typography-line-height--default);
	box-sizing:  border-box;
	color:       var(--ytpi-color-text);
}

h1,
h2,
h3,
h3,
h4,
h5,
h6 {
	font-family: var(--ytpi-typography-font-family--accent);
	font-weight: 400;
}

h1 *,
h1 a,
h2 *,
h2 a,
h3 *,
h3 a,
h4 *,
h4 a,
h5 *,
h5 a,
h6 *,
h6 a {
	font-family: inherit;
	font-size:   inherit;
	font-weight: inherit;
}

h1 {
	font-size: var(--ytpi-typography-font-size--h1);
}

h2 {
	font-size: var(--ytpi-typography-font-size--h2);
}

h3 {
	font-size: var(--ytpi-typography-font-size--h3);
}

h4 {
	font-size: var(--ytpi-typography-font-size--h4);
}

h5 {
	font-size: var(--ytpi-typography-font-size--h5);
}

h6 {
	font-size: var(--ytpi-typography-font-size--h6);
}

@media (max-width: 991px) {
	:root {
		--ytpi-layout-section-spacing-y--smaller: 0.75rem;
		--ytpi-layout-section-spacing-y--default: 1.5rem;
		--ytpi-layout-section-spacing-y--big:     2rem;
		--ytpi-layout-section-spacing-y--bigger:  3rem;

		--ytpi-typography-font-size--h1:          1.75rem;
		--ytpi-typography-font-size--h2:          1.5rem;
		--ytpi-typography-font-size--h3:          1.25rem;
		--ytpi-typography-font-size--h4:          1.125rem;
		--ytpi-typography-font-size--h5:          1rem;
		--ytpi-typography-font-size--smaller:     0.75rem;
		--ytpi-typography-font-size--small:       0.875rem;
		--ytpi-typography-font-size--big:         1.25rem;
		--ytpi-typography-font-size--bigger:      1.5rem;
	}
}

@media (max-width: 767px) {
	:root {
		--ytpi-layout-section-spacing-y--smaller: 1rem;
		--ytpi-layout-section-spacing-y--default: 1.25rem;
		--ytpi-layout-section-spacing-y--big:     1.5rem;
		--ytpi-layout-section-spacing-y--bigger:  2rem;

		--ytpi-typography-font-size--h1:          1.5rem;
		--ytpi-typography-font-size--h2:          1.25rem;
		--ytpi-typography-font-size--h3:          1.125rem;
		--ytpi-typography-font-size--h4:          1rem;
		--ytpi-typography-font-size--smaller:     0.875rem;
		--ytpi-typography-font-size--small:       0.95rem;
		--ytpi-typography-font-size--big:         1.125rem;
		--ytpi-typography-font-size--bigger:      1.25rem;
	}
}

p:first-child {
	margin-top: 0;
}

p:last-child {
	margin-bottom: 0;
}

strong,
b,
strong *,
b * {
	font-weight: 700;
}

i,
i * {
	font-style: italic;
}

input,
select,
textarea {
	transition: var(--ytpi-settings-transition--default);
}

label[for] {
	cursor: pointer;
}

label.required::after {
	display: inline;
	content: '*';
}

a,
a:link,
a:visited {
	color: var(--ytpi-color-links);
}

p a,
p a:link,
p a:visited,
.elementor-text-editor a,
.elementor-text-editor a:link,
.elementor-text-editor a:visited {
	color: var(--ytpi-color-primary);
}

p a:not([class*='button']),
p a:not([class*='button']):link,
p a:not([class*='button']):visited,
li a:not([class*='button']):not([class*='menu-item']),
li a:not([class*='button']):not([class*='menu-item']):link,
li a:not([class*='button']):not([class*='menu-item']):visited {
	text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	text-decoration: none;
	color:           var(--ytpi-color-links--active);
}

/**************************************************
 5.0    objects
 **************************************************/

#action_bar {
	position: fixed;
	z-index:  30;
	top:      40%;
	right:    0;
}

#action_bar ul {
	margin:  0;
	padding: 0;
}

#action_bar ul li {
	margin:          0 0 1px 0;
	padding:         0;
	list-style-type: none;
}

#action_bar a {
	font-size:       13px;
	line-height:     20px;
	display:         block;
	padding:         10px 5px;
	text-align:      center;
	text-decoration: none;
	color:           #FFFFFF;
	background:      #000000;
}

#action_bar a:hover {
	background: var(--ytpi-color-primary);
}

#action_bar a i {
	font-size: 20px;
	display:   block;
}

#action_bar li:first-of-type a {
	-moz-border-radius:    10px 0 0 0;
	-webkit-border-radius: 10px 0 0 0;
	border-radius:         10px 0 0 0;
}

#action_bar li:last-of-type a {
	-moz-border-radius:    0 0 0 10px;
	-webkit-border-radius: 0 0 0 10px;
	border-radius:         0 0 0 10px;
}

.shortcode-heading.mk-fancy-title .pattern-style {
	font-size:  2em;
	text-align: center;
}

.mk-testimonial-image {
	width:      100%;
	text-align: center;
}

.mk-testimonial.modern-style .mk-testimonial-image img {
	width:  150px !important;
	height: 150px !important;
	margin: 0 auto;
}

/* CPT: Referenzschreiben */
.single-referenzschreiben .logo img {
	max-width: 12rem;
}

.single-referenzschreiben .elementor-widget-image:not(.logo):not(:first-child) {
	margin-top: 2rem;
}

.single-referenzschreiben .elementor-widget-image:not(.logo):not(:last-child) {
	margin-bottom: 2rem;
}

.single-referenzschreiben .wp-caption .wp-caption-text {
	font-size:   .8rem;
	line-height: 2;
	padding:     0;
	color:       var(--ytpi-color-grey--dark);
}

.single-referenzschreiben .alignleft {
	float: left;
}

.single-referenzschreiben .alignright {
	float: right;
}

.single-referenzschreiben [class*='align'] {
	max-width: 50%;
}

.single-referenzschreiben .raven-nav-menu-align-left {
	max-width: none;
}

@media only screen and (max-width: 767px) {
	.single-referenzschreiben [class*='align'] {
		max-width: 100%;
		margin:    2rem 0;
	}

	.single-referenzschreiben p + [class*='align'] {
		margin-top: 1rem;
	}
}

.single-referenzschreiben .logo.elementor-widget:not(:last-child) {
	margin-bottom: 2rem;
}

.single-referenzschreiben .elementor-widget-heading:not(:first-child) h2 {
	margin-top: 1em;
}

.single-referenzschreiben .mk-single-content {
	margin-top:    2rem;
	margin-bottom: 0;
}

.single-referenzschreiben .single-post-tags {
	margin-bottom: 0;
}

.single-referenzschreiben .mk-header {
	border-bottom: none;
}

.single-referenzschreiben .intro-left,
.single-referenzschreiben .blog-single-meta,
.single-referenzschreiben .blog-single-title,
.single-referenzschreiben .single-social-section {
	display: none;
}

.single-referenzschreiben .elementor-blockquote__content {
	font-style: italic;
	quotes:     '»' '«';
}

.single-referenzschreiben .elementor-blockquote__content:before {
	content: open-quote;
}

.single-referenzschreiben .elementor-blockquote__content:after {
	content: close-quote;
}

@media only screen and (max-width: 830px) {
	.single-referenzschreiben [class*='elementor-'] .elementor-element[class*='elementor-element-'].references {
		padding-right: .75em;
		padding-left:  .75em;
	}
}

/* Header Banner */
.header-banner {
	display:             -webkit-box;
	display:             -ms-flexbox;
	display:             flex;
	align-items:         center;
	justify-content:     center;
	min-height:          600px;
	background-repeat:   no-repeat;
	background-position: center center;
	background-size:     cover;
	-webkit-box-pack:    center;
	-ms-flex-pack:       center;
	-webkit-box-align:   center;
	-ms-flex-align:      center;
}

.header-banner h2 {
	margin-bottom: 0;
}

@media (max-width: 1023px) {
	.header-banner {
		min-height: 400px;
	}
}

@media (max-width: 767px) {
	.header-banner {
		min-height: 250px;
	}
}

@media (max-width: 991px) {
	#action_bar {
		top:     inherit;
		bottom:  42px;
		display: block !important;
	}

	body.page-id-4193 #action_bar {
		display: none !important;
	}

	#action_bar ul {
		display:   flex;
		flex-wrap: wrap;
	}

	#action_bar a {
		padding: 10px 15px;
	}

	#action_bar li:last-of-type a {
		-moz-border-radius:    0 10px 0 0;
		-webkit-border-radius: 0 10px 0 0;
		border-radius:         0 10px 0 0;
	}
}

@media (max-width: 767px) {
	#action_bar {
		right:  inherit;
		bottom: 0;
		left:   0;
	}

	body {
		overflow-x: hidden;
	}
}

/**
 * Single
 */
.jupiterx-no-comment,
.single .jupiterx-main-header,
.jupiterx-no-comment + .jupiterx-article-divider {
	display: none;
}

.single .jupiterx-main-content {
	padding-top: 0;
}

[class*='elementor-'] .elementor-element[class*='elementor-element-'][id='single_post_banner'] {
	display:         flex;
	flex-direction:  column;
	justify-content: flex-end;
	min-height:      30rem;
	padding:         2rem 2rem 4rem;
}

@media (max-width: 1023px) {
	[class*='elementor-'] .elementor-element[class*='elementor-element-'][id='single_post_banner'] {
		min-height: 20rem;
	}
}

@media (max-width: 767px) {
	[class*='elementor-'] .elementor-element[class*='elementor-element-'][id='single_post_banner'] {
		min-height:     15rem;
		padding-bottom: 2rem;
	}
}

[class*='elementor-'] .elementor-element[class*='elementor-element-'][id='single_post_banner'] > .elementor-container {
	width:      100%;
	min-height: 0;
}

/**
 * Archive
 *
 * Archive template is created in the element theme builder
 *
 * @see siteurl/wp-admin/edit.php?post_type=elementor_library&tabs_group=theme
 */
.archive .jupiterx-main-header {
	position:          absolute;
	overflow:          hidden;
	clip:              rect(0, 0, 0, 0);
	width:             1px;
	height:            1px;
	padding:           0;
	white-space:       nowrap;
	border:            0;
	-webkit-clip-path: inset(50%);
	clip-path:         inset(50%);
}

[data-elementor-type='archive'] {
	max-width:    45rem;
	margin-right: auto;
	margin-left:  auto;
}

[data-elementor-type='archive'] .elementor-post {
	margin-bottom: 3rem;
}

[data-elementor-type='archive'] .elementor-post__text {
	display:        flex;
	align-items:    flex-start;
	flex-direction: column;
}

[data-elementor-type='archive'] .elementor-post__text > * {
	order: 1;
}

[data-elementor-type='archive'] .elementor-post__text > .elementor-post__meta-data {
	order: 0;
}

[data-elementor-type='archive'] .elementor-posts .elementor-post__title {
	font-family:     var(--ytpi-typography-font-family--accent);
	font-size:       1.2rem;
	font-weight:     400;
	line-height:     1;
	margin-top:      .5rem;
	margin-bottom:   .75rem;
	text-decoration: none;
}

[data-elementor-type='archive'] .elementor-posts .elementor-post__meta-data {
	font-size:   .6rem;
	font-weight: 400;
	font-style:  italic;
	color:       var(--ytpi-color-text);
}

[data-elementor-type='archive'] .elementor-posts .elementor-post__meta-data > * {
	font: inherit;
}

[data-elementor-type='archive'] .elementor-posts .elementor-post__excerpt {
	margin-bottom: 1.5rem;
}

[data-elementor-type='archive'] .elementor-posts .elementor-post__excerpt p {
	font-size: 1rem;
	color:     var(--ytpi-color-text);
}

[data-elementor-type='archive'] .elementor-post__read-more {
	font-size:             1rem;
	font-weight:           400;
	line-height:           1;
	padding:               .6rem 1.2rem;
	user-select:           none;
	transition:            color 250ms ease-in-out, border-color 250ms ease-in-out, background-color 250ms ease-in-out;
	white-space:           nowrap;
	color:                 var(--ytpi-color-text);
	border:                .1rem solid var(--ytpi-color-primary);
	-moz-border-radius:    .75rem;
	-webkit-border-radius: .75rem;
	border-radius:         .75rem;
	background-color:      var(--ytpi-color-primary);
}

[data-elementor-type='archive'] .elementor-post__read-more:hover {
	color:            var(--ytpi-color-text);
	border-color:     var(--ytpi-color-primary);
	background-color: #FFFFFF;
}

[data-elementor-type='archive'] [class*='elementor-'] .elementor-element[class*='elementor-element-'] .elementor-posts-container .elementor-post__thumbnail {
	padding-bottom: calc(9 / 16 * 100%);
}

.page-numbers {
	display:       inline-grid;
	min-width:     2rem;
	height:        2rem;
	padding-right: .25rem;
	padding-left:  .25rem;
	transition:    color 250ms ease-in-out, border-color 250ms ease-in-out, background-color 250ms ease-in-out;
	border:        .1rem solid var(--ytpi-color-text);
	place-items:   center;
}

.page-numbers:hover {
	color:            var(--ytpi-color-text);
	border-color:     var(--ytpi-color-primary);
	background-color: var(--ytpi-color-primary);
}

.page-numbers.current {
	color:            #FFFFFF;
	background-color: var(--ytpi-color-text);
}

/**************************************************
 5.1        theme objects
 **************************************************/

.theme-page-wrapper > .theme-content > .wpb_row {
	padding-top:    var(--ytpi-layout-section-spacing-y--default);
	padding-bottom: var(--ytpi-layout-section-spacing-y--default);
}

.master-holder .fa,
.master-holder .fab,
.master-holder .fad,
.master-holder .fal,
.master-holder .far,
.master-holder .fas {
	/*
		2021-02-22 YTPI-AS: Sieht aus, als ob es nicht gebraucht wird, beeinflusst https://new.maja.cloud/ .container_box_yellow
	*/
	/*color: var(--ytpi-color-primary);*/
}

/* --- NAV --- */
/*#menu-item-227 ul,*/
/*#menu-item-4229 ul {*/
/*    display:    flex !important;*/
/*    visibility: hidden;*/
/*    flex-wrap:  wrap;*/
/*    min-width:  320px;*/
/*    opacity:    0;*/
/*}*/

/*#menu-item-227:hover ul,*/
/*#menu-item-4229:hover ul {*/
/*    visibility: visible;*/
/*    opacity:    1;*/
/*}*/

/*#menu-item-227 ul li,*/
/*#menu-item-4229 ul li {*/
/*    width: 50%;*/
/*}*/

/*#menu-item-227 ul li#menu-item-231,*/
/*#menu-item-4229 ul li#menu-item-4230 {*/
/*    width:         100%;*/
/*    margin-top:    10px;*/
/*    margin-bottom: 10px;*/
/*    padding:       0 15px;*/
/*}*/

/*#menu-item-227 ul li#menu-item-231 a,*/
/*#menu-item-4229 ul li#menu-item-4230 a {*/
/*    text-align:    center;*/
/*    color:         var(--ytpi-color-primary);*/
/*    border-radius: 10px;*/
/*    background:    #000000;*/
/*}*/

/*#menu-item-227 ul li#menu-item-231 a:hover,*/
/*#menu-item-4229 ul li#menu-item-4230 a:hover {*/
/*    color:      #000000 !important;*/
/*    background: var(--ytpi-color-primary) !important;*/
/*}*/

body .main-navigation-ul li.menu-item ul.sub-menu li.menu-item a.menu-item-link {
	font-size: 14px;
	max-width: 100%;
}

/**************************************************
 5.2        contact form 7 objects
 **************************************************/

.wpcf7 .wpcf7-form label,
.wpcf7 .wpcf7-form .wpcf7-form-control-wrap,
.wpcf7 .wpcf7-form input[type=email],
.wpcf7 .wpcf7-form input[type=number],
.wpcf7 .wpcf7-form input[type=password],
.wpcf7 .wpcf7-form input[type=search],
.wpcf7 .wpcf7-form input[type=tel],
.wpcf7 .wpcf7-form input[type=text],
.wpcf7 .wpcf7-form select,
.wpcf7 .wpcf7-form textarea {
	display: block;
}

.wpcf7 .wpcf7-form input[type=email],
.wpcf7 .wpcf7-form input[type=number],
.wpcf7 .wpcf7-form input[type=password],
.wpcf7 .wpcf7-form input[type=search],
.wpcf7 .wpcf7-form input[type=tel],
.wpcf7 .wpcf7-form input[type=text],
.wpcf7 .wpcf7-form select,
.wpcf7 .wpcf7-form textarea {
	width: 100%;
}

.wpcf7 .wpcf7-form input[type=checkbox] {
	width:  1rem;
	height: 1rem;
}

.wpcf7 .wpcf7-form form .wpcf7-response-output {
	margin-top:   0;
	margin-right: 0;
	margin-left:  0;
}

.wpcf7 form .wpcf7-response-output {
	margin-top: 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
	color:            #FFFFFF;
	border-color:     #000000;
	background-color: #FF7600;
}

.wpcf7 form.sent .wpcf7-response-output {
	color:      #FFFFFF;
	background: #46B450;
}

.wpcf7-form-control.wpcf7-acceptance label {
	position: relative;
}

.wpcf7-form-control.wpcf7-acceptance label input {
	position: absolute;
	top:      0.25em;
	left:     0;
}

.wpcf7-form-control.wpcf7-acceptance label span {
	display:      block;
	padding-left: 1.5rem;
}

/**************************************************
 6.0    components
 **************************************************/
.competencies-list {
	display:               grid;
	margin:                0;
	list-style:            none;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap:              1rem;
}

.competencies-list .fas {
	color: var(--ytpi-color-primary);
}

@media only screen and (max-width: 767px) {
	/*mobile_no_shadow */
	.mobile_no_shadow .elementor-column-wrap {
		box-shadow: none !important;
	}

	.competencies-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-gap:              1rem;
	}
}

.post-snippet:not(:first-child) {
	margin-top: 1rem;
}

.post-snippet:not(:last-child) {
	padding-bottom: 1.5rem;
	border-bottom:  1px solid var(--ytpi-color-grey);
}

.post-snippet-excerpt {
	font-size:   .8rem;
	line-height: 1.75;
}

.post-snippet-excerpt + .post-snippet-button {
	margin-top: 1rem;
}

a.post-snippet-button {
	font-size:        .8rem;
	line-height:      1;
	display:          inline-block;
	padding:          .4rem 1.5rem .4rem 1.5rem;
	user-select:      none;
	transition:       250ms ease-in-out;
	white-space:      nowrap;
	text-decoration:  none;
	color:            var(--ytpi-color-text);
	border-width:     2px 2px 2px 2px;
	border-style:     solid;
	border-color:     var(--ytpi-color-primary);
	border-radius:    .75rem;
	background-color: var(--ytpi-color-primary);
}

a.post-snippet-button:hover,
a.post-snippet-button:focus {
	color:            var(--ytpi-color-text);
	border-color:     var(--ytpi-color-primary);
	background-color: transparent;
}

/**************************************************
 6.1        theme components
 **************************************************/

.preloader-logo {
	height:     auto;
	max-height: none;
}

.theme-page-wrapper:not(.full-width-layout) .mk-fullwidth-true.vc_row .vc_col-sm-12 {
	padding-right: 15px !important;
	padding-left:  15px !important;
}

.vc_row--header {
	min-height: 100px;
	padding:    10% 0 0 0 !important;
}

.vc_row--cta-box {
	background-color: var(--ytpi-color-grey--lighter);
}

.vc_row--cf7 {
	background-color: var(--ytpi-color-primary--light);
}

.vc_row--cf7 input[type=submit] {
	color:            var(--ytpi-color-grey--dark);
	background-color: var(--ytpi-color-primary);
}

.vc_row--cf7 input[type=submit]:hover,
.vc_row--cf7 input[type=submit]:focus,
.vc_row--cf7 input[type=submit]:active {
	color:            #FFFFFF;
	background-color: var(--ytpi-color-primary--dark);
}

.vc_inner.vc_row.equal-columns > * {
	display:     flex;
	align-items: center;
	flex-flow:   row wrap;
	height:      100%;
}

.vc_separator[class*=--custom-spacing] .vc_sep_holder .vc_sep_line {
	border: none;
}

.vc_separator--custom-spacing--small .vc_sep_holder .vc_sep_line {
	height: 1.5rem;
}

.vc_separator--custom-spacing--medium .vc_sep_holder .vc_sep_line {
	height: 2rem;
}

.vc_separator--custom-spacing--big .vc_sep_holder .vc_sep_line {
	height: 5rem;
}

.vc_general[class*=vc_btn][class*=color-primary] {
	color:            var(--ytpi-color-grey--dark);
	background-color: var(--ytpi-color-primary);
}

.vc_general[class*=vc_btn][class*=color-primary]:hover,
.vc_general[class*=vc_btn][class*=color-primary]:focus,
.vc_general[class*=vc_btn][class*=color-primary]:active {
	color:            #FFFFFF;
	background-color: var(--ytpi-color-primary--dark);
}

.vc_general.vc_tta[class*=-color] .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background-color: var(--ytpi-color-primary);
}

.vc_general.vc_tta[class*=-color] .vc_tta-panel.vc_active .vc_tta-panel-heading * {
	color: var(--ytpi-color-grey--dark);
}

.vc_message_box-icon .fa,
.vc_message_box-icon .fab,
.vc_message_box-icon .fad,
.vc_message_box-icon .fal,
.vc_message_box-icon .far,
.vc_message_box-icon .fas {
	color: #FFFFFF;
}

.vc_btn3-icon.fa,
.vc_btn3-icon.fab,
.vc_btn3-icon.fad,
.vc_btn3-icon.fal,
.vc_btn3-icon.far,
.vc_btn3-icon.fas {
	color: var(--ytpi-color-grey--dark);
}

.new-style.pricing-table .pricing-cols .pricing-col {
	min-width:        420px;
	border:           1px solid var(--ytpi-color-grey--light);
	background-color: #FFFFFF;
}

.new-style.pricing-table .pricing-cols .pricing-heading {
	background-color: var(--ytpi-color-grey--lighter);
}

.new-style.pricing-table .pricing-cols .pricing-col.column-bigger-true {
	border:     none;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.25);
}

.new-style.pricing-table .pricing-cols .pricing-col.column-bigger-true .pricing-heading {
	background-color: var(--ytpi-color-primary);
}

.new-style.pricing-table .pricing-cols .pricing-col.column-bigger-true .pricing-heading * {
	color: var(--ytpi-color-grey--dark);
}

.new-style.pricing-table .pricing-cols .pricing-heading > *,
.new-style.pricing-table .pricing-cols .pricing-features,
.new-style.pricing-table .pricing-cols .pricing-button {
	background-color: transparent !important;
}

.new-style.pricing-table .pricing-cols .pricing-plan {
	line-height: var(--ytpi-typography-line-height--default);
}

.new-style.pricing-table .pricing-cols .pricing-price .pricing-save {
	font-size: var(--ytpi-typography-font-size--small);
}

.new-style.pricing-table .pricing-cols .pricing-plan + .pricing-price {
	padding-top: 0;
}

.new-style.pricing-table .pricing-cols .pricing-features {
	padding: var(--ytpi-layout-section-spacing-y--default);
}

.new-style.pricing-table .pricing-cols .pricing-features p {
	margin-bottom: var(--ytpi-layout-section-spacing-y--smaller);
}

.new-style.pricing-table .pricing-cols .pricing-features p:last-child {
	margin-bottom: 0;
}

.new-style.pricing-table .pricing-cols .pricing-button .mk-button {
	color:            var(--ytpi-color-grey--dark) !important;
	background-color: var(--ytpi-color-primary) !important;
}

.new-style.pricing-table .pricing-cols .pricing-button .mk-button:hover,
.new-style.pricing-table .pricing-cols .pricing-button .mk-button:hover,
.new-style.pricing-table .pricing-cols .pricing-button .mk-button:hover {
	color:            #FFFFFF !important;
	background-color: var(--ytpi-color-primary--dark) !important;
}

.new-style.pricing-table .pricing-cols .pricing-button .mk-button[href='#!'] {
	display: none !important;
}

#mk-pricing-table-46.new-style.pricing-table .pricing-features {
	min-height: 940px;
}

#mk-pricing-table-46.new-style.pricing-table .column-bigger-true .pricing-features {
	min-height: 980px;
}

.box .jupiter-donut-height-full > * {
	display:         flex;
	align-items:     center;
	justify-content: center;
	height:          100%;
}

.blog #mk-page-introduce,
.blog-loop-comments {
	display: none !important;
}

.featured-image .post-type-badge::after {
	position:   relative;
	top:        5px;
	left:       -28px;
	display:    block;
	content:    'mehr lesen';
	text-align: center;
	color:      #FFFFFF;
}

.featured-image .post-type-badge::before {
	font-family: 'Font Awesome 5 Free';
	font-size:   38px;
	font-weight: bold;
	content:     '\f5da';
	color:       #FFFFFF;
}

.featured-image .post-type-badge svg::before {
	content: '+';
}

.featured-image .post-type-badge svg {
	display: none !important;
}

#single_post_banner {
	background-repeat:   no-repeat;
	background-position: center center;
	background-size:     cover;
}

.single-post #mk-page-introduce,
.search-results #mk-page-introduce,
.search-no-results #mk-page-introduce,
.archive #mk-page-introduce {
	background: var(--ytpi-color-primary);
}

.single-post #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin,
.single-post #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
.single-post #mk-page-introduce .page-subtitle,
.search-results #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin,
.search-results #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
.search-results #mk-page-introduce .page-subtitle,
.search-no-results #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin,
.search-no-results #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
.search-no-results #mk-page-introduce .page-subtitle,
.archive #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin,
.archive #mk-breadcrumbs .mk-breadcrumbs-inner.dark-skin a,
.archive #mk-page-introduce .page-subtitle {
	color: #000000;
}

.single-post #mk-page-introduce {
	display: none;
}

.single-post #theme-page .theme-page-wrapper .theme-content,
.search-results #theme-page .theme-page-wrapper .theme-content,
.search-no-results #theme-page .theme-page-wrapper .theme-content,
.archive #theme-page .theme-page-wrapper .theme-content,
.blog #theme-page .theme-page-wrapper .theme-content {
	padding: 50px 250px;
}

.single-post .mk-blog-print,
.single-post .single-post-tags {
	display: none;
}

/*
    2020-01-28 YTPI-AS: Hack für Jupiter Theme Style der das gewünschte Standardverhalten von WPBakery manipuliert
*/
.theme-page-wrapper:not(.full-width-layout) .mk-fullwidth-true.vc_row,
.theme-page-wrapper:not(.full-width-layout) .vc_inner.vc_row {
	margin-right: -15px !important;
	margin-left:  -15px !important;
}

/* Navbar */
.jupiterx-header {
	padding-right:    16px;
	padding-left:     16px;
	border-bottom:    1px solid #EDEDED;
	background-color: #FFFFFF;
}

.jupiterx-header .elementor-image img {
	width:  168px;
	height: auto;
}

.jupiterx-header .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
	padding: 0;
}

.jupiterx-header .elementor-widget-wrap {
	display:     flex;
	align-items: center;
	flex-wrap:   nowrap;
}

.jupiterx-header .elementor-widget-wrap > .elementor-element {
	width:         auto;
	margin-bottom: 0;
}

.jupiterx-header .elementor-widget-wrap > .elementor-widget-raven-nav-menu {
	margin-left: auto;
}

.jupiterx-header .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 1400px;
}

.jupiterx-header .elementor-widget-raven-search-form {
	max-width: 160px;
}

@media (min-width: 1200px) {
	.raven-nav-menu-horizontal > .raven-nav-menu a.raven-link-item:not([class*=elementor]) {
		font-size:   16px;
		line-height: 90px;
		height:      90px;
		padding:     0 20px;
		cursor:      pointer;
		transition:  height 250ms ease-in-out, line-height 250ms ease-in-out;
		color:       #000000;
	}

	.raven-nav-menu-horizontal > .raven-nav-menu a.raven-link-item:not([class*=elementor]):hover,
	.raven-nav-menu-horizontal > .raven-nav-menu .current-menu-item a.raven-link-item:not([class*=elementor]),
	.raven-nav-menu-horizontal > .raven-nav-menu .current-menu-parent a.raven-link-item:not([class*=elementor]) {
		color: var(--ytpi-color-primary);
	}

	.jupiterx-header.is-active .raven-nav-menu-horizontal > .raven-nav-menu a.raven-link-item:not([class*=elementor]) {
		line-height: 55px;
		height:      55px;
	}

	.raven-nav-menu-horizontal > .raven-nav-menu ul.sub-menu,
	.raven-nav-menu-horizontal > .raven-nav-menu ul.submenu {
		border-top:       2px solid var(--ytpi-color-primary);
		background-color: #333333;
	}

	.raven-nav-menu-horizontal > .raven-nav-menu ul.sub-menu li.menu-item a.raven-link-item,
	.raven-nav-menu-horizontal > .raven-nav-menu ul.submenu li.menu-item a.raven-link-item {
		line-height:      18px;
		height:           auto;
		padding:          10px 20px;
		color:            #B3B3B3;
		background-color: transparent;
	}

	.raven-nav-menu-horizontal > .raven-nav-menu ul.sub-menu li.menu-item a.raven-link-item:hover,
	.raven-nav-menu-horizontal > .raven-nav-menu ul.submenu li.menu-item a.raven-link-item:hover {
		color: #FFFFFF;
	}

	li.login.menu-item {
		margin-top:   29px;
		margin-right: 20px;
		transition:   margin 250ms ease-in-out;
	}

	.jupiterx-header.is-active li.login.menu-item {
		margin-top: 12px;
	}

	li.login.menu-item .raven-submenu {
		top: 62px !important;
	}

	.raven-nav-menu-horizontal > .raven-nav-menu .login.menu-item > .highlighted + ul.sub-menu,
	.raven-nav-menu-horizontal > .raven-nav-menu .login.menu-item > .highlighted + ul.submenu {
		display:   flex;
		flex-wrap: wrap;
		padding:   8px 0;
	}

	li.login.menu-item > ul.sub-menu > li.menu-item {
		width: 50%;
	}

	li.login.menu-item > ul.sub-menu > li.menu-item:first-child {
		width:         100%;
		padding-right: 10px;
		padding-left:  10px;
	}

	li.login.menu-item > ul.sub-menu > li.menu-item > a.raven-link-item {
		height: auto;
	}

	li.login.menu-item > ul.sub-menu > li.menu-item:first-child > a.raven-link-item {
		font-size:             14px;
		font-weight:           400;
		line-height:           18px;
		display:               block;
		width:                 100%;
		height:                auto;
		margin:                0;
		padding:               10px 20px;
		text-align:            center;
		color:                 var(--ytpi-color-primary);
		-moz-border-radius:    10px;
		-webkit-border-radius: 10px;
		border-radius:         10px;
		background-color:      #000000;
	}

	li.login.menu-item > ul.sub-menu > li.menu-item:first-child > a.raven-link-item:hover {
		color:            #000000;
		background-color: var(--ytpi-color-primary);
	}

	.jupiterx-header .raven-nav-menu-horizontal > .raven-nav-menu .login.menu-item a.raven-link-item:not([class*=elementor]),
	.jupiterx-header.is-active .raven-nav-menu-horizontal > .raven-nav-menu .login.menu-item a.raven-link-item:not([class*=elementor]) {
		line-height: 18px;
		height:      auto;
	}

	.jupiterx-header li.login.menu-item .raven-submenu {
		min-width: 290px !important;
	}

	.jupiterx-header.is-active li.login.menu-item .raven-submenu {
		top: 44px !important;
	}

	.jupiterx-header .raven-nav-menu-horizontal > .raven-nav-menu .login.menu-item > a.raven-link-item:not([class*=elementor]) {
		line-height:           20px;
		display:               inline-block;
		height:                auto;
		padding:               2px 20px;
		color:                 #FFFFFF;
		border:                1px solid #000000;
		-moz-border-radius:    10px;
		-webkit-border-radius: 10px;
		border-radius:         10px;
		background-color:      #000000;
	}

}

@media (max-width: 1199px) {
	.jupiterx-header {
		display:     flex;
		align-items: center;
		height:      90px;
	}

	.jupiterx-header > div {
		width: 100%;
	}

	.raven-breakpoint-tablet .raven-nav-menu-main {
		display: none
	}

	.raven-breakpoint-mobile .raven-nav-menu-main .raven-megamenu-wrapper {
		position: absolute
	}

	.raven-breakpoint-tablet .raven-nav-menu-toggle {
		display: block
	}

	.raven-breakpoint-tablet .raven-nav-menu-active.raven-nav-menu-dropdown {
		display: block
	}

	.jupiterx-header .elementor-widget-raven-search-form {
		display: none;
	}

	.raven-nav-menu-dropdown {
		top:              38px !important;
		left:             calc(-100vw + 41px) !important;
		width:            100vw !important;
		padding:          0;
		background-color: #FFFFFF;
	}

	.raven-nav-menu a.raven-link-item {
		border-bottom: 1px solid #DEDEDE;
	}

	[class*='elementor-'] .elementor-element[class*='elementor-element-'] .menu-item .sub-menu .menu-item .raven-link-item {
		padding-left: 48px;
	}

	[class*='elementor-'] .elementor-element[class*='elementor-element-'] .menu-item .sub-menu .menu-item .sub-menu .raven-link-item {
		padding-left: 64px;
	}

	.raven-nav-menu li.menu-item > a.raven-link-item .sub-arrow {
		transition: 250ms ease-in-out;
	}

	.raven-nav-menu li.menu-item > a.raven-link-item.highlighted .sub-arrow {
		transform: rotate(180deg);
	}

	.raven-nav-menu-dropdown > .raven-container {
		max-width: none !important;
	}
}

.page-link {
	text-decoration: none !important;
}

.page-link:hover {
	color: var(--ytpi-color-primary);
}

.page-item.active .page-link {
	border-color:     var(--ytpi-color-primary);
	background-color: var(--ytpi-color-primary);
}

.elementor-price-table .elementor-price-table__header {
	background-color: var(--ytpi-color-grey--lighter);
}

.elementor-widget-price-table.is-highlighted .elementor-price-table .elementor-price-table__header {
	background-color: var(--ytpi-color-primary);
}

.elementor-price-table .elementor-price-table__heading {
	font-size:   14px;
	font-weight: 700;
	line-height: var(--ytpi-typography-line-height--default);
	color:       var(--ytpi-color-text);
}

.elementor-price-table .elementor-price-table__price {
	font-weight:      400;
	padding-top:      20px;
	color:            var(--ytpi-color-grey--dark);
	background-color: var(--ytpi-color-grey--lighter);
}

.elementor-widget-price-table.is-highlighted .elementor-price-table .elementor-price-table__price {
	background-color: var(--ytpi-color-primary);
}

.elementor-price-table .elementor-price-table__price .elementor-price-table__currency {
	font-size:   24px;
	line-height: 1;
}

.elementor-price-table .elementor-price-table__price .elementor-price-table__integer-part {
	font-size:   48px;
	line-height: 1;
}

.elementor-widget-price-table .elementor-widget-container {
	border:           1px solid var(--ytpi-color-grey--light);
	background-color: #FFFFFF;
}

.elementor-widget-price-table.is-highlighted .elementor-widget-container {
	position:   relative;
	z-index:    10;
	margin-top: -24px;
	border:     none;
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, .25);
}

@media (max-width: 767px) {
	.elementor-widget-price-table.is-highlighted .elementor-widget-container {
		margin-top: 0;
	}

	.elementor-column:not(:last-child) .elementor-widget-price-table {
		margin-bottom: 32px;
	}
}

.elementor-price-table .elementor-price-table__features-list i {
	display: none;
}

[class*='elementor-'] .elementor-element[class*='elementor-element-'] .elementor-price-table__features-list li:before {
	display: none;
}

.elementor-price-table .elementor-price-table__features-list li .elementor-price-table__feature-inner {
	font-size:     20px;
	line-height:   1.666666;
	margin-bottom: var(--ytpi-layout-section-spacing-y--smaller);
}

@media (max-width: 1023px) {
	.elementor-price-table .elementor-price-table__features-list li .elementor-price-table__feature-inner span {
		font-size: 16px;
	}
}

.elementor-price-table .elementor-price-table__features-list {
	padding: 32px;
}

@media (max-width: 1023px) {
	.elementor-price-table .elementor-price-table__features-list {
		padding: 24px;
	}
}

@media (max-width: 767px) {
	.elementor-price-table .elementor-price-table__features-list {
		padding: 16px;
	}

	#action_bar ul li {
		border-left: 5px solid #000000;
	}

	#action_bar ul li:first-of-type {
		border-left: none;
	}
}

.elementor-price-table .elementor-price-table__footer {
	display: none;
}

/**************************************************
 5.2        contact form 7 components
 **************************************************/

form.wpcf7-form input.wpcf7-submit {
	font-size:        1rem;
	font-weight:      700;
	line-height:      var(--ytpi-typography-line-height--default) !important;
	padding:          1em;
	cursor:           pointer;
	vertical-align:   top;
	white-space:      pre-wrap;
	letter-spacing:   .05em;
	text-transform:   uppercase;
	color:            #FFFFFF;
	border:           none;
	background-color: #252525;
}

form.wpcf7-form input.wpcf7-submit:hover {
	color:            #FFFFFF;
	background-color: #707070;
}

form.wpcf7-form input.wpcf7-submit:disabled:hover {
	background-color: #252525;
}

/**************************************************
 5.3        custom components
 **************************************************/

.box {
	display:         flex;
	flex-flow:       column wrap;
	justify-content: center;
	min-height:      200px;
	padding:         1em;
}

.box--small {
	min-height: 100px;
}

.box--primary {
	background-color: var(--ytpi-color-primary);
}

.box .jupiter-donut-height-full {
	display:         flex;
	flex-flow:       column nowrap;
	justify-content: center;
}

.box .jupiter-donut-height-full > *:last-child {
	margin-bottom: 0;
}

.ytpi-button:not([class*='vc_btn']):not([class*='elementor-element']),
.ytpi-button[class*='vc_btn'] a,
.ytpi-button[class*='elementor-element'] a {
	font-size:        1rem !important;
	display:          inline-block !important;
	padding:          0.4em 1.6em !important;
	transition:       var(--ytpi-settings-transition--default);
	color:            var(--ytpi-color-text) !important;
	border:           2px solid transparent !important;
	border-radius:    0.8em !important;
	background-color: #FFFFFF !important;
}

.ytpi-button:not([class*='vc_btn']):not([class*='elementor-element']) * {
	font-size:        inherit !important;
	padding:          0 !important;
	color:            inherit !important;
	border:           none !important;
	border-radius:    0 !important;
	background-color: transparent !important;
}

.ytpi-button:not([class*='vc_btn']):not([class*='elementor-element']):hover,
.ytpi-button:not([class*='vc_btn']):not([class*='elementor-element']):focus,
.ytpi-button:not([class*='vc_btn']):not([class*='elementor-element']):active,
.ytpi-button[class*='vc_btn'] a:hover,
.ytpi-button[class*='vc_btn'] a:focus,
.ytpi-button[class*='vc_btn'] a:active,
.ytpi-button[class*='elementor-element'] a:hover,
.ytpi-button[class*='elementor-element'] a:focus,
.ytpi-button[class*='elementor-element'] a:active {
	color:            #FFFFFF !important;
	background-color: var(--ytpi-color-text) !important;
}

.ytpi-button--default:not([class*='vc_btn']):not([class*='elementor-element']),
.ytpi-button--default[class*='vc_btn'] a,
.ytpi-button--default[class*='elementor-element'] a {
	border-color:     var(--ytpi-color-text) !important;
	background-color: transparent !important;
}

.ytpi-button--primary:not([class*='vc_btn']):not([class*='elementor-element']),
.ytpi-button--primary[class*='vc_btn'] a,
.ytpi-button--primary[class*='elementor-element'] a {
	border-color:     var(--ytpi-color-primary) !important;
	background-color: var(--ytpi-color-primary) !important;
}

.ytpi-button--primary:not([class*='vc_btn']):not([class*='elementor-element']):hover,
.ytpi-button--primary:not([class*='vc_btn']):not([class*='elementor-element']):focus,
.ytpi-button--primary:not([class*='vc_btn']):not([class*='elementor-element']):active,
.ytpi-button--primary[class*='vc_btn'] a:hover,
.ytpi-button--primary[class*='vc_btn'] a:focus,
.ytpi-button--primary[class*='vc_btn'] a:active,
.ytpi-button--primary[class*='elementor-element'] a:hover,
.ytpi-button--primary[class*='elementor-element'] a:focus,
.ytpi-button--primary[class*='elementor-element'] a:active {
	color:            var(--ytpi-color-text) !important;
	background-color: transparent !important;
}

.single-post-tags,
.single-post-categories {
	font-size: 0.75rem;
}

.single-post-tags,
.single-post-categories {
	margin-bottom: 1rem;
}

.single-post-tags a {
	font-size:   inherit;
	line-height: inherit;
}

iframe[id*='player_'] {
	max-width: 100%;
}

.elementor-element .infobox {
	margin-top: 1rem;
}

.infobox {
	overflow-x:                 auto;
	padding:                    .8rem;
	background-color:           var(--ytpi-color-grey--light);
	-webkit-overflow-scrolling: touch;
}

.infobox table {
	margin-bottom: 0;
}

.infobox table td {
	line-height: 1.25;
	padding:     .4rem;
	text-align:  left;
}

/**************************************************
 5.4        elementor components
 **************************************************/

.elementor-widget-button a {
	text-decoration: none;
}

a.elementor-button {
	font-size:             1rem;
	line-height:           normal;
	padding:               8px 32px;
	color:                 #FFFFFF;
	border:                2px solid #000000;
	-moz-border-radius:    .8em;
	-webkit-border-radius: .8em;
	border-radius:         .8em;
	background-color:      #000000;
}

@media (max-width: 1199px) {
	.elementor-row {
		flex-wrap: wrap;
	}

	.container_box_yellow--info .elementor-column {
		width: 50%;
	}

	.container_box_yellow--info .elementor-column:not(:first-child):not(:nth-child(2)) {
		margin-top: var(--ytpi-layout-section-spacing-y--small);
	}
}

@media (max-width: 991px) {
	.container_box_yellow--info .elementor-column {
		width: 100%;
	}

	.container_box_yellow--info .elementor-column:not(:first-child) {
		margin-top: var(--ytpi-layout-section-spacing-y--default);
	}

	.container_box_yellow--info .elementor-row {
		max-width: 480px;
		margin:    auto;
	}
}

/**************************************************
 5.5        additional components
 **************************************************/

.zammad-chat {
	left: 20px;
}

.zammad-chat-header {
	height: auto !important;
}

.zammad-chat-icon,
.zammad-chat-header-icon > * {
	font-size: 0.6rem;
}

#ProvenExpert_widgetbar_container ~ .zammad-chat {
	bottom: 44px !important;
}

.ytpi-bs-affix {
	visibility:       visible;
	width:            230px;
	max-width:        100%;
	padding:          10px;
	transition:       var(--ytpi-settings-transition--default);
	opacity:          1;
	background-color: rgba(255, 255, 255, 0.9);
}

.ytpi-bs-affix:hover {
	background-color: rgba(255, 255, 255, 1);
}

.ytpi-bs-affix.affix-top {
	z-index:    0;
	visibility: hidden;
	opacity:    0;
}

.ytpi-bs-affix ul li a,
.ytpi-bs-affix ul li a * {
	font-size:       13px;
	line-height:     20px;
	text-decoration: none !important;
}

.ytpi-bs-affix ul li a:hover {
	text-decoration: underline !important;
	color:           #000000;
}

.ytpi-bs-affix ul li a {
	display:     block;
	padding:     0.5em;
	border-left: 5px solid var(--ytpi-color-grey--lighter);
}

.ytpi-bs-affix ul li.active a {
	border-left-color: var(--ytpi-color-primary);
}

@media (max-width: 1790px) {
	.ytpi-bs-affix {
		display: none !important;
	}

	#action_bar {
		display: none;
	}
}

@media (max-width: 767px) {

	.zammad-chat {
		left: 0;
	}

	#ProvenExpert_widgetbar_container ~ .zammad-chat {
		bottom: 0 !important;
	}
}

/**************************************************
 5.6        landingpage components
 **************************************************/

.page-id-3765 .elementor-element .elementor-icon-list-item *,
.page-id-3765 .elementor-element .elementor-icon-list-item a,
.page-id-3765 .elementor-text-editor *,
.page-id-3765 .elementor-price-table__feature-inner {
	font-size: 0.75rem;
}

/**************************************************
 5.7        Mail Chimp components
 **************************************************/

.mc4wp-form label {
	display: block;
}

.mc4wp-form select option,
.mc4wp-form #confirm_ds {
	font-size: 14px;
}

.mc4wp-form input[type='submit'] {
	font-size:        16px;
	font-weight:      500;
	padding:          8px 30px 8px 30px;
	color:            #FFFFFF;
	border-width:     3px 3px 3px 3px;
	border-style:     solid;
	border-color:     #000000;
	border-radius:    15px 15px 15px 15px;
	background-color: #000000;
	fill:             #FFFFFF;
}

.mc4wp-form input[type='submit']:hover {
	color:            #000000;
	border-color:     var(--ytpi-color-primary);
	background-color: var(--ytpi-color-primary);
}

/**************************************************
 7.0    utilities
 **************************************************/

.background-color-grey--lighter {
	background-color: var(--ytpi-color-grey--lighter) !important;
}

.background-color-grey--light {
	background-color: var(--ytpi-color-grey--light) !important;
}

.background-color-grey {
	background-color: var(--ytpi-color-grey) !important;
}

.background-color-primary {
	background-color: var(--ytpi-color-primary) !important;
}

.z-index--smaller {
	z-index: var(--ytpi-settings-z-index--smaller) !important;
}

.z-index--small {
	z-index: var(--ytpi-settings-z-index--small) !important;
}

.z-index--default {
	z-index: var(--ytpi-settings-z-index--default) !important;
}

.z-index--big {
	z-index: var(--ytpi-settings-z-index--big) !important;
}

.z-index--bigger {
	z-index: var(--ytpi-settings-z-index--bigger) !important;
}

.mt-1,
.my-1,
.m-1 {
	margin-top: 1rem !important;
}

.mr-1,
.mx-1,
.m-1 {
	margin-right: 1rem !important;
}

.mb-1,
.my-1,
.m-1 {
	margin-bottom: 1rem !important;
}

.ml-1,
.mx-1,
.m-1 {
	margin-left: 1rem !important;
}

.mt-2,
.my-2,
.m-2 {
	margin-top: 2rem !important;
}

.mr-2,
.mx-2,
.m-2 {
	margin-right: 2rem !important;
}

.mb-2,
.my-2,
.m-2 {
	margin-bottom: 2rem !important;
}

.ml-2,
.mx-2,
.m-2 {
	margin-left: 2rem !important;
}

.mt-3,
.my-3,
.m-3 {
	margin-top: 3rem !important;
}

.mr-3,
.mx-3,
.m-3 {
	margin-right: 3rem !important;
}

.mb-3,
.my-3,
.m-3 {
	margin-bottom: 3rem !important;
}

.ml-3,
.mx-3,
.m-3 {
	margin-left: 3rem !important;
}

@media (max-width: 1199px) {
	.mb-1-tablet--default {
		margin-bottom: 1em !important;
	}
}

@media (max-width: 767px) {
	.mb-1-mobile--default {
		margin-bottom: 1em !important;
	}
}

/*
	TEST
*/

#ez-toc-container {
	position:  fixed;
	z-index:   100;
	top:       50%;
	right:     auto;
	bottom:    auto;
	left:      0;
	padding:   1rem;
	transform: translateY(-50%);
}

#ez-toc-container ul,
#ez-toc-container li {
	margin: 0;
}

#ez-toc-container ul {
	list-style: none;
}

#ez-toc-container {
	visibility:       visible;
	width:            240px;
	max-width:        100%;
	transition:       var(--ytpi-settings-transition--default);
	opacity:          1;
	background-color: rgba(255, 255, 255, 0.75);
}

#ez-toc-container:hover {
	background-color: rgba(255, 255, 255, 1);
}

#ez-toc-container.affix-top {
	z-index:    0;
	visibility: hidden;
	opacity:    0;
}

#ez-toc-container ul li a,
#ez-toc-container ul li a * {
	font-size:       var(--ytpi-typography-font-size--smaller);
	text-decoration: none !important;
}

#ez-toc-container ul li a {
	display:     block;
	padding:     0 0.5em;
	border-left: 5px solid var(--ytpi-color-grey--lighter);
}

#ez-toc-container ul li.active a {
	border-left-color: var(--ytpi-color-primary);
}

@media (max-width: 1559px) {
	#ez-toc-container {
		display: none !important;
	}
}

/* MISC */
.page-id-5735 #salia-cloud {
	display: block;
}

/* Blockquote */

.blockquote-author {
	font-size:   inherit;
	font-weight: 300;
}