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



/* ###################### Seite ##############################*/

/* ".elementor-sticky--effects" ist die Klasse, wenn scroll aktiv */

/* Hintergrundfarbe wird weiß wenn scroll */

html, body. p, li, ul, table, div{
font-size: 1.25rem!important;
line-height:1.5rem!important;
}

/*
h1, h2, h3, h4, .elementor-image-box-title{
color: #f18903 !important;
}
*/
@media (min-width: 2000px) {
.h2{
font-size: 2.0rem;
	}
}
@media (min-width: 1335px) and (max-width: 2000px) {
.h2{
font-size: 1.8rem;
	}
}
@media (min-width: 1200px) and (max-width: 1999px) {
.h2{
font-size: 1.8rem;
	}
}

@media (min-width: 768px) and (max-width: 1023px) {
.h2{
font-size: 1.6rem;
	}
}
@media(max-width: 767px) {
.h2{
font-size: 1.4rem;
	}
}

@media (max-width: 319px) {
	p, h1, h2, h3, h4, li {
	hyphens: auto;
	word-break: normal;
	overflow-wrap: break-word;
	}
}


.elementor-sticky--effects {
background-color:#ffffff;
transition: all 0.5s ease;
border-bottom: solid 4px #ff8d00;
}

.elementor-icon-list-text{
color:#333333 !important;
}


@media (max-width:1024px) {
	#header{ height:180px!important;}
}

/* Menü Farbe ändern on scroll */
.elementor-sticky--effects .elementor-nav-menu a {
color: #000000!important;
transition: all 0.5s ease;
}

 .elementor-sticky--effects .elementor-nav-menu--main .elementor-item.elementor-item-active {
    color:#ff8D00!important;
}

 .elementor-sticky--effects .elementor-nav-menu--main .elementor-item.elementor-item-hover{
    color:#ff8D00!important;
}

/* --- LOGO Größe ändern beim scrollen---- */
/* Logo sizing before sticky */
.Logo1 img {
width: auto;
max-height: 180px;
transition: all 0.5s ease;
}
/* Logo sizing after sticky */
.elementor-sticky--effects .Logo1 img {
max-height: 110px;
width: auto;
}


/* Mobil kleiner Darstellen 
@media (max-width:768px) {.icon-bar-sk {transform:scale(.75);right:-6px;top:30%}}*/


/* Hilfreiches Optionales CSS */

/* Textobjekte: Inline-Links färben */
/* HELLO Farbpalette */
/*.elementor-widget-text-editor a {color:var(--e-global-color-primary) !important; font-weight:600; text-decoration: underline}
*/

/* Textobjekte: Entfernen der 30px Margin nach unten. Vergib dem Textobjekt die Klasse: textboxfix  */
.textboxfix p:last-of-type, .textboxfix li:last-of-type
{margin-bottom:0px !important}


/* Standard Margins */
.np{padding:0px}
.nm{margin:0px}


.mt20 {margin-top:20px}
.mr20 {margin-right:20px}
.mb20 {margin-bottom:20px}
.ml20 {margin-left:20px}

.mt50 {margin-top:50px}
.mr50 {margin-right:50px}
.mb50 {margin-bottom:50px}
.ml50 {margin-left:50px}

.mt100 {margin-top:100px}
.mr100 {margin-right:100px}
.mb100 {margin-bottom:100px}
.ml100 {margin-left:100px}

.mtn50  {margin-top:-50px}
.mtn100 {margin-top:-100px}


.p20 {padding:20px}
.pl20 {padding-left:20px}
.pr20 {padding-right:20px}
.pt20 {padding-top:20px}
.pb20 {padding-bottom:20px}
.pl30 {padding-left:30px}
.pr30 {padding-right:30px}
.pt30 {padding-top:30px}
.pb30 {padding-bottom:30px}
.pt40 {padding-top:40px}
.pb40 {padding-bottom:40px}
.p30 {padding:30px}

@media (max-width: 1024px) {
.mt50 {margin-top:20px}
.mr50 {margin-right:20px}
.mb50 {margin-bottom:20px}
.ml50 {margin-left:20px}

.mt100 {margin-top:20px}
.mr100 {margin-right:20px}
.mb100 {margin-bottom:20px}
.ml100 {margin-left:20px}
}

@media (max-width: 767px) {
.mt50 {margin-top:20px}
.mr50 {margin-right:20px}
.mb50 {margin-bottom:20px}
.ml50 {margin-left:20px}

.mt100 {margin-top:20px}
.mr100 {margin-right:20px}
.mb100 {margin-bottom:20px}
.ml100 {margin-left:20px}
}

/*
li{
margin-top: 5px;
}
*/

/
/* Elementor PRO Formular Meldung */


/* Datenschutz */
.elementor-widget-form
.elementor-field-type-acceptance label a {color:var(--e-global-color-primary) !important; font-weight:600;  text-decoration:underline}

.elementor-widget-form
.elementor-field-type-acceptance
.elementor-field-label
{display:none}

.elementor-message.elementor-message-success {
  font-size: 22px;
  color: #fff;
  background: var(--e-global-color-primary);
  padding: 20px;
}

/*Button Weiterlesen in den Kachel */

.kachel-weiterlesen .elementor-post__read-more-wrapper{
margin-top:20px;
}


.kachel-weiterlesen .elementor-post__read-more {
  background-color: #FF8D00;
  font-family: "Arial", Sans-serif;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.7px;
  padding: 14px 25px 13px 25px;
  fill: #FF8D00;
  color: #ffffff!important;
  border: 2px solid #FF8D00;
  border-radius: 23px;
}
.kachel-weiterlesen .elementor-post__read-more:hover {
  background-color: #ffffff;
  color: #FF8D00!important;
  border: 2px solid #FF8D00;
  border-radius: 23px;
}
 /*
.text-orange{
  color: #ffffff!important;
 color: #333333!important;
}
*/
.text-orange a {
 color: #ffffff!important;
   /*color: #333333!important;*/
}

footer a {
  color: #333333!important;
  font-weight: 400!important;
}

.elementor-nav-menu li a, .elementor-nav-menu--dropdown li a.elementor-sub-item  {
  color: #333333!important;
}


#jmdcontent {
font-size: 1.25rem!important;
line-height:1.5rem!important;
}
#jsectionimpressum{
  display:none !important;
}
#jmdcontent h1, #jmdcontent h2, #jmdcontent h3{
margin-bottom: 0.5rem !important;
}

.bg-gradient-to-br-2 {
  background-image: 
    url("data:image/svg+xml,%3Csvg width='32' height='32' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='2' fill='%23FFFFFF' fill-opacity='0.45'/%3E%3C/svg%3E"),
    linear-gradient(to bottom right, #E2E2E2 0%, #F4F4F4 100%);

  background-repeat: repeat, no-repeat;
  background-size: 26px 26px, cover;
  background-position: top left, top left;
}

.kachel h3.elementor-image-box-title {
    font-size: clamp(1.13rem, 2.65vw, 1.38rem)!important;
	font-weight:600!important;
	line-height: 1.1em!important;
}

.kachel  p.elementor-image-box-description{
padding-left:10px;
padding-right:10px;
}