/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/














.elementor-post a {
	margin-bottom: 0!important;
	color: #fff!important;
}

.elementor-post .elementor-post__title {
	background: #000;
	text-align: center;
	padding: 1rem;
	border-top: 5px solid;
	border-color:  #1ABF9E;
	
	
}

.elementor-posts-container .elementor-post {
	transition: transform 0.3s ease; 
}
.elementor-posts-container .elementor-post:hover 
{  transform: scale(1.01); }
.elementor-posts-container .elementor-post:hover .elementor-post__title
{   border-color: #FDC300;}
.elementor-posts-container .elementor-post:hover a
{   color: #FDC300!important;}







/* =================== Projekt „Bodig“ CARDS on Hover =================== */
.hat-hover .e-con-inner { transition: transform 0.3s ease;}
.hat-hover .e-con-inner:hover { transform: scale(1.01); cursor: pointer;}
.hat-hover .e-con-inner:hover h2 { color: #fdc300!important; }
.hat-hover .e-con-inner:hover .elementor-button-wrapper a {background: #000!important; }
.hat-hover .e-con-inner:hover a {color: #fdc300!important; }




.hat-icons nav.elementor-nav-menu--main > ul > li > a.elementor-item::before {
  content: '\2771\2771' !important;
  margin-right: 8px !important;
  transition: transform 0.3s ease !important;
  position: relative !important;
  color: #fff !important;
  font-weight: bold !important;
  font-size: 18px !important;
  display: inline-block !important;
  transform: translateX(0) !important;
  opacity: 1 !important;
  visibility: visible !important;
 background-color: transparent!important;
}

.hat-icons nav.elementor-nav-menu--main > ul > li > a.elementor-item:hover::before {
  transform: translateX(4px) !important;
}




	




/* =================== Breadcrumb =================== */
.job4u-breadcrumb a { color: #000!important; font-weight: 400; font-family: "Ubuntu", Sans-serif; }
.job4u-breadcrumb p { color: #000!important; 	font-weight: 600;	font-family: "Ubuntu", Sans-serif;}
.rank-math-breadcrumb p { margin-bottom: 0!important; }
/* =================== BG =================== */
.hat-bg {background-image: -o-linear-gradient(left, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951); background-image: -webkit-linear-gradient(left, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951); background-image: linear-gradient(to right, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951);}
.hat-bg-hover {background-image: -o-linear-gradient(left, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951); background-image: -webkit-linear-gradient(left, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951); background-image: linear-gradient(to right, #fdc300, #b7c231, #a1c240, #1abf9e, #007a8c, #006a6e, #025951); background-size: 200% auto; background-position: left center; transition: background-position 0.4s ease-in-out;}
.hat-bg-hover:hover {background-position: 25% center;}
/* =================== Mobile Menü Button Styling (≤1024px) =================== */
@media (max-width: 1024px) {.elementor-menu-toggle { border: none; background: none; padding: 0.25em; display: flex; align-items: center; gap: 8px; font-size: var(--nav-menu-icon-size, 22px); color: #33373d; cursor: pointer; position: relative; } .elementor-menu-toggle::before { content: "Menü"; font-size: 16px; font-weight: 600; display: inline-block; color: inherit; }}
/*=================== Tipps & Infos ===================*/
.tip-info:hover .elementor-divider-separator { border-block-start-color: #FDC300 !important;}
.tip-info:hover h2 a { color: #FDC300 !important; }
.tip-info { transition: transform 0.3s ease; }
.tip-info:hover {  transform: scale(1.01); }
.textarea_subtextsidebar a { color: #1ABF9E!important; font-weight: 600;}
.tipps-caty ul{display:flex!important;flex-wrap:wrap!important;gap:10px!important;padding:0!important;margin:0!important;list-style:none!important}
.tipps-caty ul li{margin:0!important}
.tipps-caty ul li a{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;background-color:#bdeee9!important;padding:12px 15px!important;font-weight:600!important;text-align:center!important;border-radius:0!important;transition:background .3s,color .3s!important}
.tipps-caty ul li a:hover{background-color:#1ABF9E!important;color:#000!important}
@media(max-width:600px){.tipps-caty ul{flex-direction:column!important}.tipps-caty ul li a{width:100%!important;}}
.tipps-category-buttons{display:flex;flex-direction:column;margin-top:20px }
.tipps-category-button{display:block;padding:14px 20px 14px 50px;background-color:#d1eeec;color:#3a908a;font-size:16px;font-weight:bold;text-decoration:none;border-bottom:1px solid #c5e7e4;position:relative;transition:background-color .3s ease;border-radius:0; text-transform: uppercase;}
.tipps-category-button::before{content:'\2771\2771';position:absolute;left:20px;font-size:16px;color:#1abf9e}
.tipps-category-button:hover,
.tipps-category-button.active{background-color:#c5e7e4;color:#1abf9e}
.tipps-category-button:hover::before,
.tipps-category-button.active::before{color:#fdc300}
/* =================== Button with icon -> ❱❱ ===================*/
.hat-icon span.elementor-button-text::after {  content: '\2771\2771'; margin-left: 8px; transition: transform 0.3s ease; position: relative; color: #fff; font-weight: bold; font-size: 18px; display: inline-block;}
.hat-icon a.elementor-button:hover span.elementor-button-text::after { transform: translateX(4px);}
.hat-icon-big span.elementor-button-text::after {  content: '\2771\2771'; margin-left: 8px; transition: transform 0.3s ease; position: relative; color: inherit; font-weight: bold; font-size: 24px; display: inline-block;}
.hat-icon-big a.elementor-button:hover span.elementor-button-text::after { transform: translateX(4px);}
.img-hover:hover .hat-icon-big span.elementor-button-text::after { transform: translateX(4px);}
.img-hover:hover .hat-icon span.elementor-button-text::after { transform: translateX(4px);}
/*=================== Header - Menu items on Hover LINE ===================*/
.header-menu .elementor-item {position:relative}
.header-menu .elementor-item::after{content:"";position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);width:75px;height:2px;background-color:var(--e-global-color-secondary);opacity:0;transition:opacity .3s ease}
.header-menu .elementor-item:hover::after,
.header-menu .elementor-item.elementor-item-active::after{opacity:1}
/*=================== Header - Social Media Transition on Hover ===================*/
.sm-icon {  transition: transform 0.3s ease;}
.sm-icon:hover { transform: scale(1.2); }
/*=================== Header - Search Input ===================*/
.elementor-widget-search .e-search .e-search-submit>svg:is(svg) {  margin: 0; }
.elementor-widget-search .e-search-input.no-icon-label { border-radius: 10px 0 0 10px; height: 20px;}
.elementor-82 .elementor-element.elementor-element-9816ea6 .e-search-submit {margin-left: -1px; padding: 10px 20px; border-radius: 0 10px 10px 0; border-color: #cdcdcd;}
.elementor-82 .elementor-element.elementor-element-9816ea6 .e-search-submit:hover {background-color:#1ABF9E;}
.elementor-82 .elementor-element.elementor-element-9816ea6 .e-search-submit:hover  svg {fill:#fff;}
/*=================== Adds horizontal lines to the left and right of a centered title ===================*/
.line-title{display:flex;align-items:center;text-align:center;font-weight:bold;color:#000;gap:20px}
.line-title::before,.line-title::after{content:"";flex:1;border-bottom:2px solid #000}