/*  MICROTHEMER STYLES  */


/*= OK Base =================== */

/** OK Base >> h1, h2, h3, h4, h5, h6 **/
h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin-bottom: 0;
}

/** OK Base >> h2 **/
h2 {
	color: rgb(0, 154, 155);
	line-height: 1.0em;
	margin-bottom: 10px;
}

/** OK Base >> h3 **/
h3 {
	color: rgb(178, 178, 178);
	font-size: 36px;
	line-height: 1.1em;
	font-weight: 300;
	padding-bottom: 20px;
	margin-top: -2px;
	margin-bottom: 20px;
	//border-bottom: 3px dotted #d4d4d4;
}

/** OK Base >> h4 **/
h4 {
	line-height: 1.1em;
}

/** OK Base >> .elementor-heading-title **/
.elementor-heading-title {
	margin-bottom: 5px;
}


/*= Text Areas und Headlines == */

/** Text Areas und Headlines >> .elementor-widget-text-editor h2 **/
.elementor-widget-text-editor h2 {
	font-size: 44px;
	line-height: 1.0em;
	font-weight: 300;
	margin-bottom: 5px;
}

/** Text Areas und Headlines >> .tp-unfold-description-inner h2 **/
.tp-unfold-description-inner h2 {
	font-size: 44px;
	line-height: 1.0em;
	font-weight: 300;
	margin-bottom: 5px;
}

/** Text Areas und Headlines >> .elementor-widget-text-editor h3 **/
.elementor-widget-text-editor h3 {
	color: rgb(178, 178, 178);
	font-size: 36px;
	line-height: 1.1em;
	font-weight: 300;
	padding-bottom: 20px;
	margin-top: -2px;
	margin-bottom: 20px;
	border-bottom: 3px dotted #d4d4d4;
}

/** Text Areas und Headlines >> .tp-unfold-description-inner h3 **/
.tp-unfold-description-inner h3 {
	color: rgb(178, 178, 178);
	font-size: 36px;
	line-height: 1.1em;
	font-weight: 300;
	padding-bottom: 20px;
	margin-top: -2px;
	margin-bottom: 20px;
	border-bottom: 3px dotted #d4d4d4;
}

/** Text Areas und Headlines >> .elementor-widget-text-editor h4 **/
.elementor-widget-text-editor h4 {
	color: rgb(178, 178, 178);
	font-size: 28px;
	line-height: 1.1em;
	font-weight: 300;
	text-transform: none;
	padding-bottom: 24px;
	margin-bottom: 30px;
	border-bottom: 3px dotted #d4d4d4;
}

/** Text Areas und Headlines >> .tp-unfold-description-inner h4 **/
.tp-unfold-description-inner h4 {
	color: rgb(178, 178, 178);
	font-size: 28px;
	line-height: 1.1em;
	font-weight: 300;
	text-transform: none;
	padding-bottom: 24px;
	margin-bottom: 30px;
	border-bottom: 3px dotted #d4d4d4;
}

/** Text Areas und Headlines >> .elementor-widget-text-editor strong **/
.elementor-widget-text-editor strong {
	color: var( --e-global-color-primary );
	font-weight: 300;
}

/** Text Areas und Headlines >> .tp-unfold-description-inner strong **/
.tp-unfold-description-inner strong {
	color: var( --e-global-color-primary );
	font-weight: 300;
}


/*= Main Menu ================= */

/** Main Menu >> dropdown a:hover **/
.elementor-nav-menu--dropdown a:hover {
	font-size: 16px !important;
}

/** Main Menu >> .elementor-nav-menu--dropdown a:hover **/
.elementor-58 .elementor-element.elementor-element-51ff5ca .elementor-nav-menu--dropdown a:hover {
	background-color: rgba(255, 255, 255, 0.85);
}

/** Main Menu >> Elementor sub item **/
.elementor-sub-item {
	min-width: 250px;
	padding: 20px 32px 20px 28px !important;
	margin-right: 0 !important;
}

/** Main Menu >> mainmenu nav menu dropdown **/
.inotec-mainmenu .elementor-nav-menu--dropdown {
	box-shadow: 0 15px 33px 0 rgba(65, 65, 65, 0.95);
}

/** Main Menu >> menu dropdown background **/
.elementor-58 .elementor-element.elementor-element-51ff5ca .elementor-nav-menu--dropdown {
	background-color: #f7f7f7e3;
}


/*= Sticky Header ============= */

/** Sticky Header >> Elementor sticky active **/
.elementor-sticky--active {
	background-color: rgba(0, 0, 0, 0.77) !important;
	height: 70px;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

/** Sticky Header >> Elementor section handles inside elementor widget wrap **/
.elementor-section--handles-inside .elementor-widget-wrap {
	padding-bottom: 20px !important;
}

/** Sticky Header >> sticky navigation a (menu schrift) **/
.elementor-sticky--active a {
	color: rgb(255, 255, 255) !important;
}

/** Sticky Header >> sticky header site logo **/
.elementor-sticky--active .elementor-widget-theme-site-logo .attachment-full {
	width: 136px !important;
	margin-bottom: 4px;
	-webkit-transition: .3s ease-in;
	transition: .3s ease-in;
	visibility: hidden;
}

/** Sticky Header >> sticky dropdown **/
.elementor-sticky--active .elementor-nav-menu--dropdown {
	background-color: #000000bf !important;
}

/** Sticky Header >> sticky dropdown a:hover **/
.elementor-sticky--active .elementor-nav-menu--dropdown a:hover {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

/** Sticky Header >> Elementor sticky active elementor item active **/
.elementor-sticky--active .elementor-item-active {
	background-color: rgba(145, 145, 145, 0);
}

/** Sticky Header >> Sticky Navigation Dropdown Active **/
.elementor-sticky--active .elementor-nav-menu--dropdown a.elementor-item-active, 
.elementor-sticky--active .elementor-nav-menu--dropdown a.highlighted {
	background-color: rgba(0, 0, 0, 0.5) !important;
}

/** Sticky Header >> Logo Sticky Header - Elementor sticky active image **/
.elementor-sticky--active img {
	margin-top: -15px;
	-o-transition-property: width !important;
	-moz-transition-property: width !important;
	-webkit-transition-property: width !important;
	transition-property: width !important;
	-o-transition-duration: 0.4s !important;
	-moz-transition-duration: 0.4s !important;
	-webkit-transition-duration: 0.4s !important;
	transition-duration: 0.4s !important;
}

/** Sticky Header >> .logo-stickyheader - Logo change when sticky **/
.logo-stickyheader {
	visibility: hidden;
}

/** Sticky Header >> .elementor-sticky--active .logo-stickyheader - Logo change when sticky **/
.elementor-sticky--active .logo-stickyheader {
	visibility: visible;
}


/*= OK Classes ================ */

/** OK Classes >> .abstract p - Abstract in Texteditor **/
.abstract p {
	color: rgb(178, 178, 178);
	font-size: 28px;
	line-height: 1.1em;
	font-weight: 300;
	text-transform: none;
	padding-top: 20px;
	padding-bottom: 24px;
	margin-top: 15px;
	margin-bottom: 30px;
	border-top: 3px dotted #d4d4d4;
	border-bottom: 3px dotted #d4d4d4;
}


/*= Tabellen KeyAreas TablePress = */

/** Tabellen KeyAreas TablePress >> .tablepress td,  .tablepress th **/
.tablepress td, 
.tablepress th {
	line-height: 21px;
	padding: 18px 100px 18px 100px;
}


/*= Mobile Optimierung ======== */

/** Mobile Optimierung >> Off-Canvas SVG Button Size **/
.off-can-img-svg {
	width: 100px !important;
	height: 100px !important;
}

/** Mobile Optimierung >> Datenschutz texteditor h3 **/
.datenschutz-texteditor h3 {
	color: rgb(1, 146, 57);
	font-size: 30px;
	line-height: 1.1em;
	padding-bottom: 12px;
	margin-top: 50px;
}

/** Mobile Optimierung >> Datenschutz texteditor h4 **/
.datenschutz-texteditor h4 {
	color: rgb(1, 146, 57);
	font-size: 24px;
	padding-bottom: 12px;
	margin-top: 30px;
}

/** Mobile Optimierung >> Datenschutz First heading Korrektur **/
.first-heading {
	margin-top: 0 !important;
}

/** Mobile Optimierung >> Impressum texteditor h3 **/
.impressum-texteditor h3 {
	color: rgb(0, 158, 61);
	line-height: 1.1em;
	padding-top: 25px;
	padding-bottom: 15px;
	margin-bottom: 0;
	border-width: 0;
}


/*= Aufzählungen/Listen ====== */

/** Aufzählungen/Listen >> .elementor-text-editor ul **/
.elementor-text-editor ul {
	padding-left: 20px;
}

/** Aufzählungen/Listen >> .elementor-text-editor li **/
.elementor-text-editor li {
	margin-bottom: 8px;
}


/*= Who we are ================ */

/** Who we are >> Who we are - elementor image box img **/
.elementor-element-55241b98 .elementor-image-box-img {
	height: 620px;
}


/*= Services ================== */

/** Services >> .text-editor-services h5 **/
.text-editor-services h5 {
	font-size: 22px;
	font-weight: 400;
	margin-bottom: 10px;
}

/** Services >> .text-editor-services p **/
.text-editor-services p {
	margin-bottom: 30px;
}

/** Services >> Services Pp advanced accordion unordered list **/
#pp-advanced-accordion-00fa568 ul {
	padding-right: 100px;
	padding-left: 170px;
	margin-top: 15px;
}

/** Services >> Services Pp advanced accordion unordered list li **/
#pp-advanced-accordion-00fa568 ul li {
	margin-bottom: 15px;
}


/*= Buttons =================== */

/** Buttons >> Elementor button **/
.elementor-button {
	background-color: rgb(0, 158, 61);
	border-radius: 0 !important;
}

/** Buttons >> Container bold **/
#container b {
	font-weight: 600;
}


/*= Zitatslider =============== */

/** Zitatslider >> Swiper slide active link **/
.swiper-slide-active a {
	color: rgb(128, 128, 128);
}

/** Zitatslider >> Swiper slide active link Over **/
.swiper-slide-active a:hover {
	color: rgb(36, 36, 36);
}


/*= Content =================== */

/** Content >> Call-to-Action-Section Button Icon **/
.elementor-align-icon-right > .fa-angle-right {
	margin-right: -50px;
	margin-left: 70px;
}


/*= Scrolltop Button (rechts unten) = */

/** Scrolltop Button (rechts unten) >> Page template elementor header footer scrolltop **/
.page-template-elementor_header_footer > .scrolltop {
	color: rgb(223, 223, 223);
	background-color: rgb(1, 146, 57);
}

/** Scrolltop Button (rechts unten) >> Page template elementor header footer scrolltop Hover **/
.page-template-elementor_header_footer > .scrolltop:hover {
	color: rgb(255, 255, 255);
	background-color: rgb(0, 133, 51);
}


/*= Sonstige ================== */

/** Sonstige >> BUG wpbff-arrow-down - Doppelten Pfeil bei MainMenu ausblenden **/
i.wpbff.wpbff-arrow-down {
	display: none;
}


/*= Korrekturen-Bigfoot ======= */

/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col height **/
.bigfoot-middle-inner-col .elementor-element-populated {
	height: 556px !important;
}

/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col margin **/
.bigfoot-middle-inner-col {
	height: 556px !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {
	/** Text Areas und Headlines >> .tp-unfold-description-inner h2 **/
	.tp-unfold-description-inner h2 {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h3 **/
	.tp-unfold-description-inner h3 {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h4 **/
	.tp-unfold-description-inner h4 {
	margin-left: 12px;
}

	/** Text Areas und Headlines >> .elementor-widget-text-editor p **/
	.elementor-widget-text-editor p {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner p **/
	.tp-unfold-description-inner p {
	margin-left: 10px;
}

	/** OK Base >> h1, h2, h3, h4, h5, h6 **/
	h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin-left: 10px !important;
}

	/** Aufzählungen/Listen >> .elementor-text-editor ul **/
	.elementor-text-editor ul {
	margin-left: 10px;
}

	/** Mobile Optimierung >> BigFoot .elementor-heading-title - Überschriften ohne h **/
	.bigfoot .elementor-heading-title {
	margin-left: 10px;
}

	/** Mobile Optimierung >> Container section color change behind image **/
	#container .section-color-change-behind-image {
	background-image: none;
}

	/** Main Menu >> mainmenu nav menu dropdown **/
	.inotec-mainmenu .elementor-nav-menu--dropdown {
	box-shadow: 0 15px 33px 0 rgba(65, 65, 65, 0.5);
}

	/** Sticky Header >> Elementor section handles inside elementor widget wrap **/
	.elementor-section--handles-inside .elementor-widget-wrap {
	padding-top: 13px !important;
}

	/** Sticky Header >> Logo Sticky Header - Elementor sticky active image **/
	.elementor-sticky--active img {
	margin-top: 15px;
	margin-right: 12px;
}

	/** Sticky Header >> sticky dropdown **/
	.elementor-sticky--active .elementor-nav-menu--dropdown {
	margin-top: 21px;
	top: 28px !important;
}

	/** Sticky Header >> .elementor-sticky--active  menu-bar burger and close icon **/
	.elementor-sticky--active i.elementor-menu-toggle__icon--open.eicon-menu-bar, 
.elementor-sticky--active i.elementor-menu-toggle__icon--close.eicon-close {
	color: rgb(255, 255, 255);
}

	/** Services >> Services Pp advanced accordion unordered list **/
	#pp-advanced-accordion-00fa568 ul {
	padding-right: 0;
	padding-left: 90px;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col height **/
	.bigfoot-middle-inner-col .elementor-element-populated {
	padding-bottom: 5px !important;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col margin **/
	.bigfoot-middle-inner-col {
	margin-top: 4px;
	margin-bottom: 8px;
}

}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Text Areas und Headlines >> .tp-unfold-description-inner h2 **/
	.tp-unfold-description-inner h2 {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h3 **/
	.tp-unfold-description-inner h3 {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h4 **/
	.tp-unfold-description-inner h4 {
	margin-left: 10px;
}

	/** Text Areas und Headlines >> .elementor-widget-text-editor p **/
	.elementor-widget-text-editor p {
	margin-left: 12px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner p **/
	.tp-unfold-description-inner p {
	margin-left: 10px;
}

	/** OK Base >> h1, h2, h3, h4, h5, h6 **/
	h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	margin-left: 10px !important;
}

	/** Mobile Optimierung >> BigFoot .elementor-heading-title - Überschriften ohne h **/
	.bigfoot .elementor-heading-title {
	margin-left: 10px;
}

	/** Mobile Optimierung >> Container section color change behind image **/
	#container .section-color-change-behind-image {
	background-image: none;
}

	/** Main Menu >> dropdown a:hover **/
	.elementor-nav-menu--dropdown a:hover {
	font-size: 15px !important;
}

	/** Main Menu >> mainmenu nav menu dropdown **/
	.inotec-mainmenu .elementor-nav-menu--dropdown {
	box-shadow: 0 15px 33px 0 rgba(65, 65, 65, 0.3);
}

	/** Sticky Header >> Elementor section handles inside elementor widget wrap **/
	.elementor-section--handles-inside .elementor-widget-wrap {
	padding-top: 10px !important;
}

	/** Sticky Header >> Logo Sticky Header - Elementor sticky active image **/
	.elementor-sticky--active img {
	margin-top: 15px;
	margin-right: 15px;
}

	/** Sticky Header >> sticky dropdown **/
	.elementor-sticky--active .elementor-nav-menu--dropdown {
	top: 47px !important;
}

	/** Sticky Header >> .elementor-sticky--active  menu-bar burger and close icon **/
	.elementor-sticky--active i.elementor-menu-toggle__icon--open.eicon-menu-bar, 
.elementor-sticky--active i.elementor-menu-toggle__icon--close.eicon-close {
	color: rgb(255, 255, 255);
}

	/** Services >> Services Pp advanced accordion unordered list **/
	#pp-advanced-accordion-00fa568 ul {
	padding-right: 50px;
	padding-left: 60px;
}

	/** Tabellen KeyAreas TablePress >> .tablepress td,  .tablepress th **/
	.tablepress td, 
.tablepress th {
	padding-left: 50px;
}

	/** Aufzählungen/Listen >> .elementor-text-editor ul **/
	.elementor-text-editor ul {
	margin-left: 10px;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col height **/
	.bigfoot-middle-inner-col .elementor-element-populated {
	padding-bottom: 5px !important;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col margin **/
	.bigfoot-middle-inner-col {
	margin-top: 4px;
	margin-bottom: 8px;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Mobile Optimierung >> Zitatslider Pfeile **/
	.elementor-swiper-button > i {
	display: none;
}

	/** Mobile Optimierung >> Zitatslider active paragraph **/
	.elementor-widget-testimonial-carousel .swiper-slide {
	padding-right: 0;
	padding-left: 0;
}

	/** Mobile Optimierung >> Off-Canvas SVG Button Size **/
	.off-can-img-svg {
	width: 70px !important;
	height: 70px !important;
}

	/** Mobile Optimierung >> h2.elementor-heading-title **/
	h2.elementor-heading-title {
	font-size: 38px;
}

	/** Mobile Optimierung >> h3.elementor-heading-title **/
	h3.elementor-heading-title {
	font-size: 30px;
}

	/** Mobile Optimierung >> h4.elementor-heading-title **/
	h4.elementor-heading-title {
	font-size: 23px;
}

	/** Mobile Optimierung >> Home - DualHeadline H1 - Abstand auf Phone - DE+EN **/
	.elementor-element-314b217 .pp-first-text {
	padding-bottom: 18px !important;
}

	/** Text Areas und Headlines >> .elementor-widget-text-editor h2 **/
	.elementor-widget-text-editor h2 {
	font-size: 38px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h2 **/
	.tp-unfold-description-inner h2 {
	font-size: 38px;
}

	/** Text Areas und Headlines >> .elementor-widget-text-editor h3 **/
	.elementor-widget-text-editor h3 {
	font-size: 30px;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h3 **/
	.tp-unfold-description-inner h3 {
	font-size: 30px;
}

	/** Text Areas und Headlines >> .elementor-widget-text-editor h4 **/
	.elementor-widget-text-editor h4 {
	font-size: 23px;
	line-height: 1.15em;
}

	/** Text Areas und Headlines >> .tp-unfold-description-inner h4 **/
	.tp-unfold-description-inner h4 {
	font-size: 23px;
	line-height: 1.15em;
}

	/** OK Classes >> .abstract p - Abstract in Texteditor **/
	.abstract p {
	font-size: 23px;
	line-height: 1.15em;
}

	/** Sticky Header >> Elementor section handles inside elementor widget wrap **/
	.elementor-section--handles-inside .elementor-widget-wrap {
	padding-top: 9px !important;
}

	/** Services >> Services Pp advanced accordion unordered list **/
	#pp-advanced-accordion-00fa568 ul {
	padding-right: 10px;
	padding-left: 30px;
}

	/** Tabellen KeyAreas TablePress >> .tablepress td,  .tablepress th **/
	.tablepress td, 
.tablepress th {
	padding-right: 30px;
	padding-left: 15px;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col height **/
	.bigfoot-middle-inner-col .elementor-element-populated {
	height: 430px !important;
}

	/** Korrekturen-Bigfoot >> bigfoot-middle-inner-col margin **/
	.bigfoot-middle-inner-col {
	height: 430px !important;
}

}