/* 
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
*/

/* Add your custom styles here */

/* Typographie */
span.ds-cta-textcolor {
    color: var( --e-global-color-text ) !important;
}

/* Menüpunkt standardmäßig ausblenden */
.ds-nav-mobile-hide-menu-item {
    display: none !important;
}

/* Nur auf mobilen Geräten anzeigen */
@media (max-width: 767px) {
    .ds-nav-mobile-hide-menu-item {
        display: block !important;
    }
}
@media (max-width: 1024px) {
    .ds-nav-mobile-hide-menu-item {
        display: block !important;
    }
}
/* Trenner hinter dem Menüpunkt "FAQ" ausblenden (Elementor Nav Menu) */


.elementor-nav-menu li.menu-item-30::after{
  display: none !important;
  content: none !important;
}

/* Call-to-action */
.ds-cta-hotline li.elementor-icon-list-item span.elementor-icon-list-icon {
	padding: 5px;	
	border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.ds-cta-hotline a {
	color: var( --e-global-color-primary ) !important;
}

/* Buttons */
.ds-button a {
	text-decoration: none !important;
}

.ds-button span.elementor-button-icon {
	padding: 5px;
	color: var( --e-global-color-primary );
	background: var( --e-global-color-primary );
}

.ds-button-nav span.elementor-button-icon {
	padding: 5px;
	color: var( --e-global-color-primary );
	background: var( --e-global-color-primary );
}

/* Hyperlinks */
footer a {
    color: var( --e-global-color-4ce24a3 ) !important;
}
footer a:hover {
    color: var( --e-global-color-e7ccc6d ) !important;
	transition:color 0.7s ease;
}

.kontaktformular a {
    color: var( --e-global-color-primary ) !important;
}
.kontaktformular a:hover {
    color: var( --e-global-color-primary ) !important;
	transition:color 0.7s ease;
}

.ds-call-to-action-content a {
    color: var( --e-global-color-primary ) !important;
	text-decoration: underline;
}
.ds-call-to-action-content a:hover {
    color: var( --e-global-color-text ) !important;
	transition:color 0.7s ease;
}

.ds-channel-content a {
	text-decoration: underline;
}
.ds-call-to-action a:hover {
	transition:color 0.7s ease;
}

a.ds-channel-hyperlink {
    color: var( --e-global-color-primary ) !important;	
	text-decoration: underline;
}
a:hover.ds-channel-hyperlink {
    color: var( --e-global-color-text ) !important;	
	transition:color 0.7s ease;
}



/*   ┌─────────────────────────────────────┐
//   │              Akkordeon              │
//   └─────────────────────────────────────┘
*/

div.elementor-accordion-item {
    margin-top:10px;
}

/*   ┌─────────────────────────────────────┐
//   │          Sticky Float Menu          │
//   └─────────────────────────────────────┘
*/

#sticky-side-nav {
	display:initial;
	position:fixed;
	right:0;
	top:33%;/*bottom: 15%;*/
	z-index:999 !important;
}
#sticky-side-nav > ul {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;	
}
#sticky-side-nav > ul > li {
	margin-bottom:10px;
	position:relative;
	height:50px;
	width:45px;
	list-style-type:none;
}
#sticky-side-nav > ul > li > a {
	cursor:pointer !important;
	color:white;
	text-decoration:none;
	display:block;
	white-space:nowrap;
	position:absolute;
	right:0;
	left:auto;
	font-weight:bold;
	font-size:1.2em;
	transition:all 1s ease;
	overflow:hidden;
	clear:both;
	height:50px;
	background:var( --e-global-color-primary ); /* Animated */
	width:45px; /* Animated */
	border: none;
	border-radius: 5px 0 0 5px;
}
#sticky-side-nav > ul > li > a:hover {
	width:210px; /* Animated */
	background-color: var(--e-global-color-secondary); /* Animated */
}
#sticky-side-nav > ul > li > a > span.icon {
	display:inline-block;
	color:white;
	text-align:center;
	float:left;
	line-height:50px;
	width:45px;
	height:50px
}
#sticky-side-nav > ul > li > a > span.content {
	padding-left:10px;
	padding-right:30px;
	display:inline-block;
	line-height:50px;
}
#sticky-side-nav > ul > li > a > span.icon > i.fa {
	line-height:50px;
	font-size:23px;
}
div#sticky-side-nav ul.sticky-side-nav-container li::before {
	display:none;
}
@media screen and (max-width: 800px){
#sticky-side-nav {
	display:none;
}
}