.elementor-7024 .elementor-element.elementor-element-1a394a2{--display:flex;}.elementor-7024 .elementor-element.elementor-global-6579{--spacer-size:4px;}.elementor-7024 .elementor-element.elementor-element-e4e29bb > .elementor-widget-container{--e-transform-translateX:0px;}.elementor-7024 .elementor-element.elementor-element-e4e29bb .elementor-heading-title{font-family:"Ulm Grotesk", Sans-serif;font-size:42px;font-weight:700;line-height:60px;letter-spacing:0px;color:var( --e-global-color-secondary );}.elementor-7024 .elementor-element.elementor-element-adf6e7a{text-align:left;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-7024 .elementor-element.elementor-element-834e5b1{--spacer-size:50px;}.elementor-7024 .elementor-element.elementor-element-8770eb9{width:100%;max-width:100%;}.elementor-7024 .elementor-element.elementor-element-8770eb9 > .elementor-widget-container{--e-transform-translateX:0px;--e-transform-translateY:0px;margin:0px 0px 0px 0px;}.elementor-7024 .elementor-element.elementor-element-415b0af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7024 .elementor-element.elementor-element-f33140e{--item-display:flex;--read-more-alignment:1;--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.9 * 100% );}.elementor-7024 .elementor-element.elementor-element-f33140e:after{content:"0.9";}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__thumbnail__link{width:100%;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__meta-data span + span:before{content:"•";}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__card{background-color:var( --e-global-color-1edcfc7 );border-color:var( --e-global-color-secondary );border-width:1px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__text{margin-top:20px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__title, .elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__title a{color:var( --e-global-color-secondary );font-family:"Ulm Grotesk", Sans-serif;font-size:24px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__title{margin-bottom:12px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__excerpt p{color:var( --e-global-color-secondary );}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__read-more{color:var( --e-global-color-secondary );}.elementor-7024 .elementor-element.elementor-element-1915a66{--display:flex;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-7024 .elementor-element.elementor-element-adf6e7a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7024 .elementor-element.elementor-element-8770eb9 > .elementor-widget-container{--e-transform-translateX:60px;--e-transform-translateY:0px;}}@media(max-width:767px){.elementor-7024 .elementor-element.elementor-element-adf6e7a{font-size:var( --e-global-typography-secondary-font-size );}.elementor-7024 .elementor-element.elementor-element-8770eb9 > .elementor-widget-container{--e-transform-translateX:-13px;}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-7024 .elementor-element.elementor-element-f33140e:after{content:"0.5";}.elementor-7024 .elementor-element.elementor-element-f33140e .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for search-filter-form, class: .elementor-element-8770eb9 *//* Stilregeln für das Zurücksetzen-Element */
.search-filter-reset {
    margin-top: 12px;
    color: #201849;
    border: 1px solid #201849;
    background-color: transparent;
    padding: 20px 10px;
    transition: color 0.3s, background-color 0.3s;
    margin-left: 182%;
}



/* Mehr Abstand für Elemente mit data-sf-field-name */
.searchandfilter [data-sf-field-name] {
    margin-bottom: 22px;
    margin-left: -5%;
    margin-right: 5%;
    
    
}

/* Apply the "Umm Grotesk" font family to headlines and make them bold */
.searchandfilter h1,
.searchandfilter h2,
.searchandfilter h3,
.searchandfilter h4,
.searchandfilter h5,
.searchandfilter h6 {
    font-family: "Ulm Grotesk", sans-serif;
    color: #201849
}


/* Suche: Hintergrundfarbe  */
.searchandfilter [data-sf-field-name="search"] input.sf-input-text {
    background-color: transparent;
    border: 1px solid #201849;
}


.sf-input-select-container {
    position: relative;
    display: inline-block;
    width: 100%;
}

.sf-input-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    color: #333;
    border: 1px solid #201849;
    padding: 5px 12px;
    font-size: 16px;
    line-height: 1.5;
    width: 200%;
    max-width: 230px;
    box-sizing: border-box;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease; /* Smooth transition for hover effect */
}

.sf-input-select:hover {
    background-color: #201849; /* Background color on hover */
    color: #fff; /* Text color on hover */
    border-color: #201849; /* Border color on hover */
}

.sf-input-select::-ms-expand {
    display: none;
}

/* Hover-Effekt für das Zurücksetzen-Element */
.search-filter-reset:hover {
    color: white;
    background-color: #201849;

    
}/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-f33140e */.elementor-post__card {
  transition: transform 0.3s ease-in-out;
}

.elementor-post__card:hover {
  transform: translateY(-5px);
}


.elementor-post__card {
    transition: background-color 0.3s, color 0.3s;
}

.elementor-post__card:hover {
    background-color: #201849!important; /* Hintergrundfarbe beim Hover */
}

.elementor-post__card:hover .elementor-post__title a {
    color:white!important; /* Hintergrundfarbe beim Hover */
}

.elementor-post__card:hover .elementor-post__excerpt p {
    color:white!important; /* Hintergrundfarbe beim Hover */
}

.elementor-post__card:hover .elementor-post__read-more  {
    color:white!important; /* Hintergrundfarbe beim Hover */
}/* End custom CSS */
/* Start custom CSS */.searchandfilter > ul > li {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ulm Grotesk';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://www.souveraenes-digitales-lehren-und-lernen.de/wp-content/uploads/2022/10/FontsFree-Net-UlmGrotesk-Regular-31a37af04c031c3123c94d9cced96b6f.ttf') format('truetype');
}
/* End Custom Fonts CSS */