/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
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: 1.0.1
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
*/
@charset "utf-8";


@font-face {
 font-family: "Ubuntu", sans-serif;
  src: url('fonts/Ubuntu/Ubuntu-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  src: local(''),
       url('fonts/Ubuntu/Ubuntu-Medium.eot?#iefix') format('embedded-opentype'), 
       url('fonts/Ubuntu/Ubuntu-Medium.woff2') format('woff2'),
       url('fonts/Ubuntu/Ubuntu-Medium.woff') format('woff'), 
       url('fonts/Ubuntu/Ubuntu-Medium.otf') format('otf');
	   font-display: swap}
	   
@font-face {
 font-family: "Ubuntu", sans-serif;
  src: url('fonts/Ubuntu/Ubuntu-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  src: local(''),
       url('fonts/Ubuntu/Ubuntu-Bold.eot?#iefix') format('embedded-opentype'), 
       url('fonts/Ubuntu/Ubuntu-Bold.woff2') format('woff2'),
       url('fonts/Ubuntu/Ubuntu-Bold.woff') format('woff'), 
       url('fonts/Ubuntu/Ubuntu-Bold.otf') format('otf');
	   font-display: swap}	
	   
@font-face {
 font-family: "Sulphur Point", sans-serif;
  src: url('fonts/Sulphur_Point/SulphurPoint-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  src: local(''),
       url('fonts/Sulphur_Point/SulphurPoint-Bold.eot?#iefix') format('embedded-opentype'), 
       url('fonts/Sulphur_Point/SulphurPoint-Bold.woff2') format('woff2'),
       url('fonts/Sulphur_Point/SulphurPoint-Bold.woff') format('woff'), 
       url('fonts/Sulphur_Point/SulphurPoint-Bold.otf') format('otf');
	   font-display: swap}		    
	      
/*Header*/
/*Navigation*/


.custom-menu .e-n-menu-heading li.e-n-menu-item:nth-child(4) span.e-n-menu-title-text {color: #65AD5A /*green*/}
.custom-menu .e-n-menu-heading li.e-n-menu-item:nth-child(4) .e-n-menu-dropdown-icon svg {fill: #65AD5A !important;}
.custom-menu .e-n-menu-heading li.e-n-menu-item:nth-child(3) .e-n-menu-dropdown-icon svg {fill: #1069DB !important;}


/*Old Menu - evtl. LOESCHEN
nav ul li ul li ul li a svg {transform: rotate(0deg) !important;}
nav ul li ul li ul li ul {background-color:transparent !important;
	left: 1% !important;
	list-style:none;
	min-width: 27rem !important;
	max-width: 27rem !important;}
	
nav ul li ul li ul li ul li {background-color:#4183d7;}
nav ul li ul li ul li ul li a {font-size: .875rem !important}
*/

/*Vertikale Navigation 2 Spalten*/
ul#menu-1-928aff2 {
	column-count: 2;
	column-gap: 40px;
	list-style-position: inside;}

/* Standardgröße des Headers und Logos */
.sticky-header {position: relative; transition: all 0.5s ease-in-out;}
.sticky-header .logo {transition: all 0.5s ease-in-out;}

/*Elementor Sticky Header*/
header.elementor-sticky {}
/* Wenn der Header sticky wird (nach 100px Scroll) */

.sticky-header.is-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  background: #333 !important;
  box-shadow:none !important  }

.sticky-header.is-sticky .elementor-button {
	transform: scale(0.7);
	transform-origin: right;}

.sticky-header.is-sticky .logo.shrink-logo {
	transform: scale(0.7); /* Verkleinert das Logo um 50% */
	transform-origin: left;}
.sticky-header.is-sticky .logo.shrink-logo img  {
	transition: 0.5s !important; 
	border: 1px solid #333 !important}	
.sticky-header.is-sticky .logo.shrink-logo img:hover {
	border-color:(var(--e-global-color-0eb24a1)) !important;
	border-width:1px;
	border-style:solid;
	padding: .5rem;}

/*Text*/
p {margin-bottom: 1rem; }
p:last-child {margin-bottom: 0}

/*Ordered List*/
.elementor-widget-text-editor ul,
#content ul, ul.wp-block-list {padding: 0 0 0 1rem;}
	
/* Counter für das <ol> initialisieren */
.elementor-widget-container ol,
ol.wp-block-list {
    counter-reset: list-counter;
    list-style: none;
	padding-left: 0;
	
	li {
    position: relative;
    padding-left: 2rem;
	&:before {
    counter-increment: list-counter; 
    content: counter(list-counter) ". ";
    position: absolute;
    left: 0;
    top: 0;
    font-weight: bold;
	color: #007bff; 
    font-size: 1rem;}
   }
}

/*CF7 Modify*/
/*Rueckrufservice*/

.backcall {
	.wpcf7-form {
	box-shadow: none;
	padding: 0;
	.uk-row {width: 100%}
	textarea {max-height:100px;}
	}
	}

/* Container-Styling für Flexbox */
.wpcf7-form {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); 
	padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; 
	@media all and (max-width: 767px) {padding: 1rem;}
	
	.uk-row {
    width: 32.7%;
    box-sizing: border-box;
	@media all and (max-width: 1199px) {width: 100%}
	input, textarea {border: 1px solid var(--e-global-color-b924655);}
	}
}
.uk-row.textarea {width: 100%}
 
/*Headlines*/
h1 {margin-top: 5rem;}
h2 {margin-bottom: 2rem !important}

/*Anchor Sticky Header Offset Fix - Wenn nicht erforderlich, vor LIVE gehen entfernen
#mehr {
    position: relative;
    top:0; }*/

/*Buttons*/
.button, .elementor-button {
	transition: .77s;}


/*Blog Posts Karten*/
.elementor-posts .elementor-post__card .elementor-post__thumbnail {
	width: 100%;
	padding: 5rem;
	}
.elementor-posts .elementor-post__card .elementor-post__thumbnail img {
	object-fit: cover;
	width: 250px;
	
	}	
	
/*Termine & Events*/
.termine .elementor-post__excerpt {
	.elementor-button {float: right; margin-left: 5rem;
	@media all and (max-width:1199px) {
		float: none;
		margin-left: 0;
		margin-top: 3rem;}
	}	
	.highlight {
		font-size: 200%; 
		font-weight: 700; 
		margin-right:3rem;
		text-transform:uppercase}
	}

/*Footer*/
footer {/*
	background: rgb(51,51,51);
	background: linear-gradient(0deg, rgba(51,51,51,1) 50%, rgba(65,131,215,1) 50%);*/
	margin-top: 5rem}
	
/*Menu Icons PLugin Customisation*/
header .menu-item i._mi {
    width: auto;
    height: auto;
    margin-top: 0;
	margin-right: 1.5rem;
    font-size: 1rem;
    line-height: 1;
}

footer .menu-item i._mi {margin: 1px 1.5rem 0 0}

/*Copyright Area under Footer*/
.custom-footer-legacy {	
	margin: 0 auto;
	position:relative;
	max-width: 75rem;
	padding: 0 1rem 1rem 1rem;
	
	p {font-size: .75rem; text-align: center;}
}

	
	

@media all and (max-width: 767px) {
	h1, h2, h3, h4,
	.h1, .h2, .h3, .h4 {hyphens: auto;}

	nav ul li a span.sub-arrow svg {
		fill: #fff;  
		margin-left: 1.5rem;}		
}