/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Child Theme for Divi Theme by Elegant Themes
 Author:         Divi.world
 Author URI:     http://divi.world
 Template:       Divi
 Version:        1.0.0
*/

/* 
------------------------------------------------------- */
.et_pb_menu .et_pb_menu__menu {
  margin-bottom: -4px;
  margin-top: -4px;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a {
  font-size: 19px;
  color: #3c3c3b !important;
}
/* Optimierung in schmaler Ansicht */
/*@media (max-width: 1245px) {
.et_pb_row_1_tb_header {
  width: 98% !important;
    }
}
@media (max-width: 980px) {

.et_pb_row_1_tb_header {
  width: 90% !important;
    }
}
*/
@media (max-width: 1245px) {
.et_pb_row {
  width: 95% !important;
    }
}
/****************************************** LOGO *****************************/


/**** Sticky Logo & Verlinkung ermöglichen ****/
.et_pb_menu__logo {
    content: '' !important;
}
/*
.et_pb_sticky .et_pb_menu__logo img {
    content: url(https://gesundblick.com/wp-content/uploads/Logo-gesundblick.svg) !important;
    margin-top: -15px !important;
    margin-bottom: 5px;
    width: auto;
    filter: none !important;    
    -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: .2s;
  animation-duration: .2s;
}
*/
.et_pb_menu__logo img[src$=".svg"] {
 width: 289px !important;
 margin: 0 !important;
}
/*
.et_pb_sticky .et_pb_menu__logo img[src$=".svg"] {
    height: 45px !important;
    width: unset !important;
}
*/
/*
.et_pb_menu--style-left_aligned .et_pb_menu__logo {
  margin-top: -20px !important;
}
*/
/* Damit DropDown des Navis über den Headertitel geht */

.et_pb_fullwidth_header.et_pb_fullwidth_header_0 {
    z-index: 1 !important;
}


/**** Icons   */
/*Awesome*/
.fa-regular,
.fa-solid,
.fa-brands {
    text-align: center;
    vertical-align: sub;
    margin-right: 10px;
    margin-left: 0px;
    transition: all .3s ease;

}
a .fa-regular:hover,
a .fa-solid:hover,
a .fa-brands:hover {

}
.fa-instagram {
    font-size: 1.35em;
}
.fa-whatsapp {
    font-size: 1.35em;
}

/* Icons Header*/

.headermenu a i.fa-regular,
.headermenu a i.fa-solid,
.headermenu a i.fa-brands {
 /*   color: #c9c9c9;*/
    font-size: 1.4em;
  margin-right: 0;
  margin-left: 4px;
}
.headermenu a i.fa-solid.fa-blog {
  margin-left: 18px;
}


/* Icons Footer*/
.footericon a i.fa-regular,
.footericon a i.fa-solid,
.footericon a i.fa-brands {
    color: #fff;
    font-size: 2.3em;
  margin-right: 22px;
}

.footericon a i.fa-regular:hover,
.footericon a i.fa-solid:hover,
.footericon a i.fa-brands:hover {
    color: #f3920d;
}
/* Table Termine events */
table.termine { 
	border: none !important;
    background-color: #f8f6f1; 
	overflow-x:auto;
    line-height: 1.4;
    margin: 0 0 2em !important;
	}
table.termine th, 
table.termine td {
   padding: 5px 8px;
   border-bottom: none;
   border-top: none;
   border-left: none;
   border-right: none; 
}
table.termine td:first-child {
   max-width: 50px;
}
table.termine .fa-solid {
    font-size: 1.8em;
    color: #B1C564;
}
table.termine tr:first-child {
   padding-top: 1em;
}

/******************** Header Galerie slider & grid */
/* gallery*/
.et_pb_module.et_pb_gallery {
  -webkit-animation-timing-function: unset !important;
  animation-timing-function: unset !important;
  -webkit-animation-duration: unset !important;
  animation-duration: unset !important;
}

.et_pb_gallery_grid .et_pb_gallery_items {
    transition: none !important;
}
.et_pb_gallery_grid .et_pb_gallery_item {
animation: none !important;
transform: none !important;
  transition: none !important;
}
/* Zeile*/
.et_pb_gutters3 .et_pb_column_1_2 {
  margin: 1.5px;
}
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
  margin: 3px;
  width: 49%;
}
.et_pb_gallery_image {
  padding-top: 64.5%;
}
.galleryslide .et_pb_gallery_image {
  padding-top: 64%;
}
.et_pb_gallery_item img {
  position: absolute;
  height: 100%;
  bottom: 0;
  object-fit: cover;
}
@media (max-width: 1496px) {
  .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
  width: 64.5%;
  }
 .et_pb_gallery_image {
  padding-top: 68%;
  } 
}
@media (max-width: 980px) {
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
  width: 48%;
  }
  .et_pb_gutters3 .et_pb_column_1_2 {
  margin: 2px;
}
.et_pb_gallery_1.et_pb_gallery {
  margin-left: -3px;
  margin-right: -15px;
  }
}

@media (max-width: 1496px) {
.et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
    width: 46.5% !important;
  }
.et_pb_section_0.et_pb_section.galerie-section  {
     padding-left: 0 !important;    
     margin-left: -29px !important;    
     margin-right: -8.6% !important;    
    }
.galerie-section .et_pb_row_0.et_pb_row {
     padding-left: 0 !important;
    }
}
@media (min-width: 569px) and (max-width: 980px) {
  .et_pb_gutters3 .et_pb_column_1_2 .et_pb_grid_item {
    width: 44% !important;
  }
}

/* === NUR TABLET (768–980px): 2 Spalten wie Desktop + rechts 4er-Grid === */
@media (min-width: 568px) and (max-width: 980px) {
  .et_pb_row_0 {
    display: flex !important;
    gap: 3px;
  }
}

/* PHONE (<=568px): 3 quadratische Thumbs, 4.+ ausblenden */
@media (max-width: 568px) {
  .et_pb_gutters3 .et_pb_column_1_2 {
    margin: 3px;
  }
  .galerie-section .et_pb_row_0 .gallerie-grid ul.et_pb_gallery_items > li.et_pb_grid_item,
  .galerie-section .et_pb_row_0 .gallerie-grid .et_pb_gallery_item {
    width: 29.8% !important;
    clear: none !important;
  }
  .galerie-section .et_pb_row_0 .gallerie-grid .et_pb_gallery_item:nth-child(n+4) {
    display: none !important;
  }
  .galerie-section .et_pb_row_0 .gallerie-grid .et_pb_gallery_image { padding-top: 100% !important; }
  .galerie-section .et_pb_row_0 .gallerie-grid .et_pb_gallery_item img {
    position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  }
}



/************** END Header slider & grid */
		
/****************************************** MENÜS *****************************/
/*********************************** Hauptmenü ***************/


/* DropDown Abstand bei Sticky Menü*/
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  top: calc(100% - 16px) !important;

}
/* Mauszeiger des Hauptmenüpunktes bei dropdown - wenn Eltern
- nicht verlinkte Überschriften im Hauptmenü *
.et-menu .menu-item-has-children > a:first-child {
  cursor: context-menu;
}

.et-menu-nav li.mega-menu > ul > li > a:first-child { /* die Überschrift im Megamenü*
    font-size: 16px !important;
    color: #b1c564;
    letter-spacing: 0.5px;
    cursor: context-menu;
}

.et-menu-nav li.mega-menu li > a {  /* die Breite der Überschrift DropDownMenüpunkte im Megamenü *
  width: 300px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
    overflow: hidden;
}
/*  Farbe bei hover 
.et_pb_menu--with-logo .et_pb_menu__menu > nav > ul > li > a:hover,
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a:hover {
   color:#b1c564 !important; 
}
*/
.nav li li {
    padding: 0 !important;
}
.nav li li:hover {
    background-color: #f7f6f5 !important;
}
.nav li li a:hover {
    background-color: #f7f6f5 !important;
    opacity: 1 !important;
}
.et-menu li li a {
  width: 367px !important; /* VAR */
}


/* ***************************************  Mobiles Menu */
@media (max-width: 980px) {
  .et_pb_menu .et_mobile_menu {
    padding: 0 !important;
    margin-left: -8px !important;
    margin-right: -15px !important;
    width: 104% !important;
  }
}
.et_mobile_menu li a:hover, 
.nav ul li a:hover {
    background-color: transparent !important;
}
/**** Logo & Hauptmenü Optimierung*****/
/* Navigation unter dem Logo*
@media (max-width: 1235px) {
.et_pb_menu--style-left_aligned .et_pb_menu_inner_container {
    display: block !important;
    }
    .et-menu-nav {
        margin-bottom: -20px !important;
        margin-top:  -10px !important;
    }    

    .has_et_pb_sticky .et-menu-nav {
        margin-top: -53px !important;
    }    
}
*/
@media (max-width: 980px) {
.et_pb_menu--style-left_aligned .et_pb_menu_inner_container {
    display: flex !important;
    }
    .et-menu-nav {
        margin-bottom: 0 !important;
    }    
}
/* Hauptmenü mobilen Breakpoint ändern */
@media (max-width: 980px) /* Hier Wert anpassen */ {
    .et_pb_fullwidth_menu .et_mobile_nav_menu, .et_pb_menu .et_mobile_nav_menu {
        display: flex;
        float: none;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    
    .et_pb_fullwidth_menu .et_pb_menu__menu, .et_pb_menu .et_pb_menu__menu {
        display: none;
    }
    .et_pb_fullwidth_menu .et_pb_menu__wrap, .et_pb_menu .et_pb_menu__wrap {
        justify-content: flex-end;
    }
    .et_mobile_menu {
        list-style-type:none !important;
        top:100%;
    }
}
/* ***************************************  Hamburger Menü ********/

.et_pb_menu_0_tb_header .mobile_nav .mobile_menu_bar::before, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__close-search-button, .et_pb_menu_0_tb_header .et_pb_menu__icon.et_pb_menu__cart-button {
  color: #f3920d !important;
    font-size: 46px !important;
}
/*  Drop Down */
.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
    width: auto !important;
}

.et-menu-nav li.mega-menu > ul {
  width: 77% !important;
  right: 0 !important;
}
@media (max-width: 1129px) {
.et-menu-nav li.mega-menu > ul {
  width: 100% !important;
    }
}

/*** COLLAPSE HauptMenü dropdown mobile  ***/

/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}

/*adjust the new toggle element which is added via jQuery*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none !important;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

/*some code to keep everyting positioned properly*/
ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

/*remove default background color from menu items that have children*/
.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
    font-weight: 400 !important;
}

/*hide the submenu by default*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*show the submenu when toggled open*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*adjust the toggle icon position and transparency*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}

/*submenu toggle icon when closed*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
    right: 17px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #F3920D;
    font-size: 32px;

}

/*submenu toggle icon when open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}

/*add point on top of the menu submenu dropdown*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}

/*adjust the position of the hamburger menu*/
.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}

/*force the background color and add a rounded border*/
.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
/*** END  COLLAPSE HauptMenü dropdown mobile  ***/

/***  Mobiles Menü scrollbar machen **/
@media only screen and ( max-width: 980px ) {
.mobilmenu-scrollable .et_mobile_menu {
  left: 0;
  max-height: calc(100vh - 190px); /* Regelt wie viel vom Drop Down angezeigt wird, je kleiner die px desto weniger*/
  overflow: scroll;
  position: fixed;
  top: 99px !important; /*Abstand Drop DOwn*/
  width: 100%;
 }
 body.mobile_nav-opened {
  overflow: hidden;
 }

    /* verrückt nur im Browser bei mobiler Ansicht - nicht im Handy
 body.mobile_nav-opened .mobilmenu-scrollable {
        padding-right: 17px;
    }
    */
}
@media only screen and (max-width: 782px) {

.has_et_pb_sticky .mobilmenu-scrollable .et_mobile_menu {
  max-height: calc(100vh - 140px);
  top: 94px !important;
 }    
}

/* END Mobiles Menü scrollbar machen **/
/* Ausblenden im Mobil-Menü  
@media (max-width: 768px) {
.et_mobile_menu li li.et_pb_menu_page_id-366 {
    display: none;
    }
}
*/




.nav ul li a:hover {
  background-color: rgba(0,0,0,.03);
  opacity: 1.0 !important;
}
.et_pb_menu_2_tb_header.et_pb_menu ul li a, 
.et_pb_menu_2_tb_header.et_pb_menu ul li.current-menu-item ul li a { /* Wenn Eltern aktiv, Unterseiten nicht*/
    color: #3c3c3b !important;
}
/* END Hauptmenü */
/* ********************************** Sidebar Seitenleiste Widget Menü  ***************/
/*  Farbe bei hover */
.et_pb_menu_0.et_pb_menu ul li a:hover {
       color: #f3920d !important; 
}
/*  Linien unter Menüpunkten  *
.et_pb_menu--without-logo .et_pb_menu__menu > nav > ul > li > a {
  border-bottom: 1px solid #fff !important;
}
/* *************************************** Sidebar Seitenleiste - Hamburger Menü im Widget ausblenden ***/
.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,
.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
/* Tablets und Mobil ausschalten*/
@media (max-width: 980px) {
    .lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
        width:100%
    }
}
/* vertikales Menümodul */
.lwp-hide-mobile-menu .et_pb_menu__menu > nav > ul > li {
    width:100%
}
/*** END  *  Hamburger Menü im Widget ausblenden*/

/**************************** BLOG */
/**** Sidebar */
.et_pb_widget_area.seitenleiste ul {
margin-bottom: 2.5em;
    margin-top: 1em;
  background-color: #EDEFE6;
  padding: 10px 20px !important;
  line-height: 2 !important;
}
ul .cat-item a,
.et_pb_widget_area ul a{
    color: #3c3c3b;
}
ul .cat-item a:hover,
.et_pb_widget_area ul a:hover {
    color: #f3920d;
}
.blog-teaser article img {
    width: 45% !important;
}

li.current-cat a,
.et_pb_sidebar_0_tb_body.et_pb_widget_area li.current-cat a,
.et_pb_sidebar_1_tb_body.et_pb_widget_area a[aria-current="page"],
.et_pb_sidebar_0.et_pb_widget_area li.current-menu-item a {
    color: #f3920d !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item ul li a { /* Wenn Eltern aktiv, Unterseiten nicht*/
    color: #3c3c3b !important;
}
/* Das könnte dich auch interessieren*/
.et_pb_gutters3 .et_pb_column .et_pb_blog_grid .column.size-1of3 .et_pb_post:last-child {
    background-color: #fff;
}
/* Unter dem Beitrag sonst doppelte Zeichen */
.meta-nav {
    display: none !important;
}
/* Beitragsnavigation rechts / links*/
.nav-label {
    font-size: 52px !important;
}
/* *************************************** Footer Menü ***************/
.dl-v-menu.et_pb_menu .et_pb_menu__menu, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav, 
.dl-v-menu.et_pb_menu .et_pb_menu__menu > nav > ul {
display: block;    
}
.dl-v-menu .et_mobile_nav_menu { /*  Hamburger Menü im Footer ausblenden  */
    display: none;
}

.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a {
    border-bottom: 1px solid #293133;
    line-height: 20px!important;
}

.dl-v-menu.et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
    border-bottom: 1px solid #ffffff !important;
    color: #ffffff !important;
}

@media (max-width: 980px) {
 .dl-v-menu.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}



/* ***************************************  Buttons */
.btn.eventsubmit {
    margin: 20px 0;
}
.anmeldung.btn.eventsubmit {
    margin: 40px 0 20px;
}
.btn-news button,
.btn {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #f3920d !important; 
    padding: 10px 15px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
    margin-top: -6px;
}
@media all and (max-width: 515px) {
.btn-news button,
.btn {
    padding: 8px 11px;
    font-size: 16px;
    }
#events .et_pb_row_5.et_pb_row {
    margin-left: 0px !important;
    margin-left: 0px !important;
    }    
}
.btn-news button:hover,
.btn:hover {
background-color: #fff !important;
    color: #f3920d !important;
}
.btn-footernews button {
    border-width: 0px !important;
    color: #f3920d !important;
    background-color: #fff !important; 
    padding: 5px 10px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
}
.btn-footernews button:hover {
background-color: #659a45 !important;
    color: #fff !important;
}

/*
.et_pb_button {
  color: #FFFFFF !important;
  border-width: 0px !important;
  letter-spacing: 0px !important;
}
.et_pb_bg_layout_light.et_pb_button:hover, 
.et_pb_bg_layout_light .et_pb_button:hover {
  background-image: initial;
  background-color: rgba(243,146,13,0.86) !important; /* #f3920d */
}
*/
/* Button Blog > mehr lesen  */
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link {
    border-width: 0px !important;
    background-color: #f3920d !important;
    color: #fff !important;
    padding: 5px 10px;
    margin-top: 20px;
    font-size: 17px;
    border-radius: 10px !important;
    cursor: pointer;
    width: 150px;
    text-align: center;
    display: inline-block;

}
.et_pb_blog_0_tb_body .et_pb_post div.post-content a.more-link:hover {
    color: #3c3c3b !important;  
}

/******************** Plugin Popups for Divi  - Kontakt */

/* um den  Hintergrund-Layer auszublenden */
.da-overlay-visible .da-overlay {
    display: none !important;
}
*/
/** PopUp Newsletter -  da im Footer vom header verdeckt */
@media screen and (min-width: 768px) {
  #rmOrganism .rmPopup__container .rmPopup.rmPopup--modal {
    top: 18% !important;
  }
}

/* Plugin Popups for Divi -  Schatten auch um Transparenz *
#et-boc .area-outer-wrap[data-da-shadow="yes"] [data-da-area] {
        -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
*/


/* *************************************** Contact Form 7 ***/
.wpcf7 h3 {
    margin: 2em 0;
}
.wpcf7 button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-width: 0px !important;
    color: #fff !important;
    background-color: #f3920d !important; 
    padding: 10px 20px;
    font-size: 17px;
    border-radius: 3px !important;
    cursor: pointer;
}
.wpcf7 button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background-color: rgba(177,197,100,0.9) !important;
color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	border-radius: 2px;
    padding: 7px 10px;
    color: #000;
	font-size: 18px;
    font-weight: 400;
	font-style: normal;
	line-height: 1.5; 
    margin: 0 20px 20px 0;   
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="search"] {
    width: 98%;
    max-width: 400px;
    margin: 10px 0 10px 20px;
 
}
textarea {
    overflow: auto; 
	width: 98%;
    max-width: 820px;
    max-height: 180px;  
    margin: 10px 0 10px 20px;
}
/*.wpcf7-form-control-wrap[data-name="teilnahme"] */
.clearb {
    clear: both;
    display: block;
}
.page-id-1877 /* Kontaktseite - Breite Formular*/ 
[data-class="wpcf7cf_group"] {
    width: 500px;
}
.page-id-1877 .wpcf7 input[type="text"],
.page-id-1877 .wpcf7 input[type="email"],
.page-id-1877 .wpcf7 input[type="url"],
.page-id-1877 .wpcf7 input[type="password"],
.page-id-1877 .wpcf7 input[type="search"] {
    float: left; 
}
.wpcf7-form p {
    padding-bottom: 0;
    margin-bottom: 15px;
    line-height: 1.5;
}
.wpcf7-list-item {
	margin: 0;
}
.wpcf7-list-item-label {
    margin-right: 15px;
}

/* *************************************** WP Forms   Kontaktformular Nachricht nach dem senden ***
.wpforms-confirmation-container-full {
    background: #f7f6f5 !important;
    border: none !important;
    border-radius: 13px 13px 13px 13px !important;
    color: #fff !important;
}
*/
/****************************** Suchergebnisse ***
.et_pb_image_container img, .et_pb_post a img {
  max-width: 500px !important;
}
*/
/* *************************************** Beiträge - Neueste Beiträge Footer - "Breite über 2 Spalten" ***/

@media (min-width: 981px) {
    .et_pb_gutters3 .et_pb_column_1_2 
    .postlist .et_pb_widget {
    width: 98% !important;
    }
}
/* *************************************** Accordion & toggle icon left ** */

/*move the toggle icon to the left*/

.pa-toggle-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
/*adjust spacing on the left for the icon*/

.pa-toggle-icon-left .et_pb_toggle_title,
.pa-toggle-icon-left .et_pb_toggle_content {
	padding-left: 30px !important
}

/* Accordioon (nicht verwendet) move the accordion icon to the left

.pa-accordion-icon-left .et_pb_toggle_title:before {
	left: 0 !important;
}
.pa-accordion-icon-left .et_pb_toggle_title,
.pa-accordion-icon-left .et_pb_toggle_content {
	padding-left: 2em !important
}
*/

/************************************************* Plugin Testimonial Feedback */
.wpmtst-testimonial {
    border: none !important;
}
h3.wpmtst-testimonial-heading {
    font-size: 1.4em;
    font-weight: 400;
    font-style: italic;
    margin-bottom: 0.5em !important;
}
h3.testimonial-heading {
    font-style: italic;
    margin-bottom: 7px;
    color: #f3920d !important;
    font-size: 1.3em;
    text-align: center !important;
    background: none !important;
    padding-left: 0!important;
	}
h3.testimonial-heading:before {
    content: "» ";
}

h3.testimonial-heading:after {
    content: " «";
}
.testimonial-name {
    text-align: left !important;
    margin-top: 1em;
}
 .testimonial-name:before {
    content: "– ";
}
.testimonial-name:after {
    content: " –";
}
.testimonial-field.thema {

    font-style: italic;
}
.testimonial-client {
    margin-top: 0.5em !important;
}

.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    border: none !important;
    background-color: #fff;
    padding: 2em;
    margin-bottom: 3em;
}
/* Slideshow*/
.strong-view.wpmtst-default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
    border: none !important;
}
.slider-container.strong-view.wpmtst-default .wpmtst-testimonial-inner {
    background-color: unset;
}
/* Zeichen*
.strong-view.wpmtst-default .wpmtst-testimonial-heading {
  background: url("quotes.png") no-repeat scroll left center transparent !important;
  margin-top: 0;
  padding-left: 40px;
  text-align: left;
}
*/
/*PopUp Newsletter*/

.pum-theme-14564 .pum-container, 
.pum-theme-cutting-edge .pum-container,
._submit {
  background-color: #f3920d !important;
}
.pum-content.popmake-content p {
    margin-bottom: 5px !important;
}
._inline-style:not(._clear) + ._inline-style:not(._clear) {
  margin-left: 0 !important;
}
._form_element * {
  color: #000 !important;
  font-weight: 400;
}
form._form {
  margin: 5px auto 0 !important;
    padding: 14px !important;
}
._inline-style ._button-wrapper {
  margin: 0px 12.5px 0 20px !important;
}
.pum-theme-14564 .pum-content, 
.pum-theme-cutting-edge .pum-content {
    color: #fff !important;
    font-family: inherit;
}
/* Spalten*/
#news-testimonial-wrap .rightcolumn {
    padding: 3em 0em 1em 1em;
    width: 38%;
}#news-testimonial-wrap .leftcolumn {
    padding: 3em 1em 1em 0;
    width: 58%;
}
 /* Zweispaltiger Inhalt mit Shortcode */
.leftcolumn, 
.rightcolumn {width: 48%; }
.single-event .leftcolumn {width: 43%; } 
.single-event .rightcolumn {width: 56%;}
.leftcolumn {float: left;  }
.rightcolumn {float: right; }
.topcolumn {clear: both; }

 @media screen and (max-width: 1681px) {
     .single-event .rightcolumn {width: 53%; margin-left: 15px;}
}

@media screen and (max-width: 870px) {
    .leftcolumn, 
    .rightcolumn,
    .single-event .leftcolumn,
    .single-event .rightcolumn,
    #news-testimonial-wrap .leftcolumn,
    #news-testimonial-wrap .rightcolumn {
		float: none;
		width: 100%;
        }
	}

/* *************************************** eigene *********************/
/* ~~~~~~~~~~~~~~~~~~~~ vision ~~~~~~~~~~~~~~~~~~~~ */

.color {
    color: #f3920d;
}
.footerhref a {
    color: #fff !important;
}
.footerhref a:hover {
    color: #F3920D !important;
}

.et_pb_text ul ul {
    padding-bottom: unset !important;
}
 blockquote { 
     font-size: 21px;
     font-style: italic !important;
     text-align: left;
     letter-spacing: 0.5px;
     line-height: 1.5;
     /*
     border: none !important;
     padding: 0 !important;
     */
}
.et_pb_text_inner ul li,
.et_pb_post_content ul li {
    text-align: left !important;
    margin: 10px 0 !important;
}
/* Info Kästchen*/
 @media screen and (max-width: 981px) {
.infoboxen .et_pb_blurb {
    max-width: 560px !important;
  margin: 0 auto !important;
     }
}
/*check Häkchen Bulletpoint*/
.check ul li::marker {
    content: none !important;
}
.check ul {
    list-style-type: none; /* Standard-Bulletpoints entfernen */
    padding-left: 0; /* Optional: Linkseinzug entfernen */
}
.check ul li {
  padding-left: 35px; /* Fügt Platz für das Symbol hinzu */
  position: relative;
}
.check ul li::before {
  content: '✓';
  color: #F3920D;
  font-size: 26px;
  font-weight: 700;
  position: absolute;
  left: 0;
  top: 0;
}


img.rund {
    height: auto;
    overflow:hidden; 
	    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
	 }
@media only screen and (max-width: 700px) {
    img.alignright, 
    img.alignleft {
		float: none !important;
        display: block !important;
        margin: 10px auto;
	}
}
/* Modul Informationstext  Bild rechts – Text links */
@media (min-width:981px) {

    .blurb-icon-right .et_pb_blurb_content {
        display: flex;
        flex-direction: row-reverse;
        padding-right: 20px;
        margin-left: 0 !important;
    }
/*
    .blurb-icon-right.et_pb_blurb_position_left .et_pb_blurb_container {
       padding: 10px;
    }
  
*/
}
.extern { /*externe Links im Menü*/
    font-size: 16px;
    color: #3c3c3b; 
}
sup {
    vertical-align: super !important;
    font-size: 75%;
    bottom: unset !important;
    
}

/* Gitter-Kacheln auf gleiche Höhe setzen 
@media only screen and (min-width: 768px) {
.blog-teaser .et_pb_post {
min-height: 550px;
max-height:550px;
    }
}
*/

    /*++++++++++++++++++++++Events Manager*********************************************/
.events-icon {
    color: #b1c564;
  font-size: 24px;
  min-width: 20px;
  text-align: center;
}
/*********Tabelle*/

.css-events-list table.events-table {
	font-size: 95%;
}
.css-events-list table.events-table td { 
	padding: 6px 15px;
}

.css-events-list table.events-table th.event-date,
.event-date {
    width: 200px;
}
.css-events-list table.events-table th.event-time,
.event-time {
    width: 120px;
}
.css-events-list table.events-table th.event-title,
.event-title  {
    width: 300px;
}
.css-events-list table.events-table th.event-description,
.event-description  {
    width: 300px;
}
.event-location {
    min-width: 100px;
}
table.em-calendar td {
    height: 40px;
    padding: 2px 4px;
    width: 195px;
}
table.fullcalendar li { 
    padding-left: 0;
    text-indent: 0; 
	}
table.fullcalendar ul, table.fullcalendar ol {
    margin-bottom: 0;
    padding: 0 0 0 5px;
}
table.fullcalendar ul li:before {
    display: none; 
	}
	
.css-events-list table.events-table tr:nth-child(even) {
		background-color: #f5f5f5;
		}
.css-events-list table.events-table p {
    margin-bottom: 5px;
}		
		
/*********Widget Abstände der Termine*/
#em_widget-2 p {
    line-height: 1.5;
    margin-bottom: 0;
}
#em_widget-2.widget li {
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}
/*** Widget neu 2022 */
.em.em-list-widget,
.em-list-widget {
    margin: 0;
  gap: 0px !important;
    color: #3c3c3b;
}
.em.em-list-widget a {
  color: #3c3c3b;
}

.em.em-list-widget a:hover {
  color: #f3920d;
}
/*********Kategorien & Veranstaltungsorte - Abstände */
s-testimonial-wrap {
    background-color: #f8f6f1;
    width: 100%;
    display: inline-block;
    font-size: 1em !important;
}
.news-testimonial {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 11px;
}
#news-testimonial-wrap .leftcolumn {
    padding: 3em 1em 1em 0;
    width: 58%;
}

#news-testimonial-wrap .rightcolumn {
    padding: 3em 0em 1em 1em;
    width: 38%;
}    

/************************** Termine ********************/
/************************** Event Manager ********************/
#event-attributes input {
    width: 500px !important;
}
/* Übersicht Termine - Liste > alle Termin innerhalb eines Monats*/

.em-search-wrapper {
    margin-bottom: 1em;
}
.event .rightcolumn img {
	float: right;
}
 /* Veranstaltungsseite - einzelne*/
#termininfos {
		background-color: #f8f6f1;
		padding: 2em 3em;
		margin-bottom: 2em;
		text-align: left;
		}

.eventList {
	padding-bottom: 20px;
	text-align: left;
	margin-bottom: 2em;
	}
/* Übersicht Termine - Liste > einzelner Termin innerhalb eines Monats*/
.page-id-39 .eventSingle /*Termine Übersichtsseite*/  {
	margin: 1em 2em 1em 0;
	display: inline-table;
	background-color: #f8f6f1;
    width: 30%;
    }
.eventList::before, .eventList::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

eventList a:hover {
	opacity: 0.8;
}
a.eventlink:hover {
	opacity: 0.8;
}

#text-5 {
    background-color: #f3920d !important;
    color: #fff;
    font-weight: 600;
}
#text-5 .textwidget {
	padding: 10px 5px 0 10px;
    display: inline-block;
	}
#text-5 .textwidget a {
    color: #fff !important;
    }
#text-5 .textwidget a:hover {
	opacity: 0.8;
    color: #3c3c3b !important;
    }

/* Events Übersichtsseite Termine*/
.page-id-39 a.btn.eventsubmit { /* Übersichtsseite Termine*/
	padding: 2px 20px;
	background-color: #f3920d;
	color: #fff !important;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 0;
}
.page-id-39 a.btn.eventsubmit:hover { /* Übersichtsseite Termine*/
	padding: 2px 20px;
	background-color: #fff;
	color: #f3920d !important;
	display: inline-block;
	font-weight: 600;
	margin-bottom: 0;
}
.eventSingle > div:last-child {
	margin-right: 0;
}

.eventSingle .thumb img, .event img {
	padding-bottom: 0;
}
.thumb {
    max-height: 300px;
    overflow: hidden;
}
.eventSingle .thumb img:hover,
.event img:hover {
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    transform: scale(1.02);  
    -webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;
    overflow: hidden;
}
.eventSingle .dateloc-wrap {
    clear: both;
}

.eventSingle .terminname {
    margin: 0;
    color: #f3920d;
    padding: 10px 15px 10px 15px;
    font-size: 1.2em;
    clear: both;
}

.eventSingle .date {
    font-size: 1.5em;
    font-weight: 600;
    width: auto;
    float: left;
    color: #3c3c3b;
    background-color: #fff;
    border: 1px solid #f8f6f1;
    padding: 11px;
    text-align: right;
    margin-right: 10px;
}
.eventSingle .datesmall {
    font-size: 75%;
    display: block;

}
.eventSingle .subdate {

    padding: 13px 15px 0 0;
    text-align: left;
}

.eventSingle .location {

    font-weight: 600;
}
.eventSingle a .location,
.eventSingle a .subdate {
	color: #000;
}

.eventSingle .infos {
	height: auto;
    color: #000;
    line-height: 1.3em;
	background-color: #f8f6f1;
	padding: 10px 15px;
	margin: 0;
	height: auto;
    font-size: 96%;
    clear: both;
    border-top: 1px solid #fff;
    min-height: 100px;
}


/*auf den einzelnen Seiten - nicht Terminkalender*/

.eventSingle-page { 
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid #eee;
}
.eventSingle-page .infos {
	width: 31%;
}
.eventSingle-page .location {
	width: 20%;
}

.eventSingle-page .anmeldung {
	width: 21%;
}

.eventSingle-page:last-child {
	margin: 0;
	padding: 0;
	border: 0;
}

.eventSingle-page > div {
    float: left;
    display: block;
    min-height: 1px;
    margin-right: 2%;
} 

.eventSingle-page > div:last-child {
	margin-right: 0;
}
@media all and (max-width: 1255px) {
.eventSingle .infos {
    min-height: 118px;
    }
}
@media all and (max-width: 1367px) {
.page-id-39 .eventSingle /*Termine Übersichtsseite*/  {
    width: 29%;
    }
}

@media all and (max-width: 1022px) {
.page-id-39 .et_pb_section_0.et_pb_section {  /*Abstand Fenster links*/
        padding-left: 0 !important;
    }
.page-id-39 .eventSingle /*Termine Übersichtsseite*/  {
    width: 45%;
    }
.page-id-39 .eventSingle { 
    margin: 20px 10px !important;
    }

}
/*
@media all and (max-width: 775px) {
.page-id-39 .eventSingle /*Termine Übersichtsseite*  {
    width: 43%;
    }
}
*/
@media all and (max-width: 986px) {

	.eventList .anmeldung {
		width: 20%;
	}
	.eventList .location {
		width: 12%;
	}
    .eventList {
	padding-bottom: 20px;
	padding-bottom: 20px;
	text-align: left;
	margin-bottom: 2em;
	}
}
@media all and (max-width: 520px) {
    .eventList {
	padding-bottom: 20px;
	text-align: left;
    background: rgba(250,250,250,0.8);
	margin-bottom: 2em;
	}
}
 @media all and (max-width: 595px) {
.page-id-39 .eventSingle /*Termine Übersichtsseite*/  {
    width: 96%;
    }
}