/* 
Theme Name: Hello Elementor Child 2026
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
*/

/*
    Add your custom styles here
*/

@import url("fonts/font-style.css"); */


@import url('https://fonts.googleapis.com/css2?family=Dosis:wght@300;400;700;800&display=swap');

#wpadminbar{
  display: none;
}

html{
    font-size: 16px;
    font-weight: 300;
    margin-top: 0px !important;
}


body{
    font-family: 'Coolvetica', sans-serif;
    font-size: 16px;
}

a{
    color: #1e6cb3;
}

h1{
   color: #1e6cb3; 
}


h2.elementor-heading-title{

}

ul {
  margin: 0;
  padding: 0;
  }

button:hover, button:focus, [type=submit]:hover, [type=submit]:focus, [type=button]:hover, [type=button]:focus {
    color: #ffffff;
    background-color: #1e6cb3;
    text-decoration: none;
}

button{
  border: none;
}

table{
  background-color: #fff;
}

.blue-background a{
  color: #fff;
  text-decoration: underline;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    pointer-events: none;
    display: none;
}

.elementor-widget-container p{
  /* color: #000000;  */
}

.elementor-element-44e67ee{
  max-height: 480px;
  overflow: hidden;
}

.page-wrapper{
  display: flex;
  flex-direction: row;
  flex: 1;
  min-height: 100vh;
}

.site-header .header-inner, .site-footer .footer-inner{
  max-width: 100%;
}

.content-wrapper{
    margin-left: 340px;
    margin-bottom: 0em;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 0 0 60%;
    min-height: 95vh;
    min-width: 70vw;
    padding-right: 40px;  
}

.content-wrapper:before {
  content: ' ';
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.07;
  background-image: url("img/ATARAXIA_Buchstabengruppe.svg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
}

.page-content .e-con-inner{
  margin-left: 0;
}

.sidebar{
  position: fixed;
  flex-basis: 200px;
  top: 0px;
  padding: 0 0 0 0;
  bottom: 0px;
  width: 300px;
  min-width: 240px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  z-index: 20;
}

.site-header{
    height: 100vh;
}

.site-header .site-navigation{
    justify-content: flex-start;
    flex: 0 0 100%;
    flex-direction: column;
    align-items: flex-start;
}

.searchform .box{
  display: flex;
}

.searchform .box input, .mobile-searchform .box input{
  width: 244px;
  border-color: #1e6cb3;
  border-radius: 0;
}

.searchform #searchsubmit, .mobile-searchform button{
  color: #1e6cb3;;
  border: 1px solid #1e6cb3;
  border-radius: 0;
}

.search-results h2 a{
  text-decoration: none;
}


.search-results p{
  display: none;
}

.menu-mainmenu-container{
    width: 100%;
}

.site-navigation-wrapper{
    width: 100%;
    background-color: #1e6cb3;
}

.site-header .header-inner, .site-header:not(.dynamic-header), .site-footer .footer-inner, .site-footer:not(.dynamic-footer), body:not([class*="elementor-page-"]) .site-main, .page-header .entry-title{
  margin-left: 0;
}

/* LOGO */

.logo-wrapper{
    padding: 1em 1em 1em 1em;
    display: flex;
}

.bottom-sidebar{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#menu-mainmenu {
    margin: 0.75em 0 0.75em 0;
    display: flex;
    flex-direction: column;
    color: #fff;
}

#menu-mainmenu .sub-menu{
    background-color: #1e6cb3;
    width: 200px;
    right: -200px;
    left: auto;
    z-index: 20;
    top: 0px;
    
}


#menu-mainmenu li {
  list-style: none;
}

#menu-mainmenu li:hover{
    background-color: #fff;
    color: #1e6cb3;
}

#menu-mainmenu li:hover a, #menu-mainmenu .sub-menu li:hover > a{
    color: #1e6cb3;
}

#menu-mainmenu > li {
	display: inline-block;
  margin-top: 4px;
  padding: 4px 0;
  list-style: none;
  padding-right: 1em;
}

#menu-mainmenu li a {
  padding: 0 0;
	color: #fff;
	text-decoration: none;
  font-size: 1em;
  padding-left: 1em;
  
}

#menu-mainmenu li .sub-menu a {
    color: #fff;
    padding-left: 1em;
    padding-top: 4px;
    padding-bottom: 4px;
}

.site-navigation ul.menu li.menu-item-has-children:after{
    color: #fff;
    margin-right: 1em;
   position: absolute; 
    right: 0;
    top: 0;
}

.site-navigation ul.menu .sub-menu li.menu-item:after{
  top: 15px;
}



#menu-mainmenu li.current-menu-item a {
  font-weight: bold;
}
#menu-mainmenu li.current-menu-item .sub-menu a {
  font-weight: normal;
  
}

#menu-mainmenu li.current-menu-item .sub-menu {
  /* display: block; */
}


/* searchform */

#searchform{
  font-family: 'Coolvetica', sans-serif;
}

/* SIDEBAR */

.sidebar-contact{
    color: #999;
    font-size: 0.8em;
    margin-bottom: 1em;
    padding-left: 1em;
    font-weight: 500;
    color: #1e6cb3;
}

.sidebar_secondnav{
  display: flex;
  width: 280px;
  justify-content: space-around;
  padding-bottom: 1em;
}
.sidebar_thirdnav{
  padding-bottom: 1em;
}

.social-links{
 display: flex;
 flex-direction: row;
 width: 280px;
 justify-content: space-around;
}

.register-link, .donate-link{
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  padding: 10px;
  margin: auto;
  text-align: center;
}
.register-link a, .donate-link a{
  color: #1e6cb3;
  text-decoration: none;
  font-size: 0.8em;
}

.register-link i, .donate-link i{
  color: #1e6cb3;
  text-decoration: none;
}

.social-links li{
  color: #1e6cb3;
  list-style: none;
}

.social-links li a{
  color: #1e6cb3;
  list-style: none;
}   

#content{
  z-index: 10;
}

.elementor-section .elementor-container{
  margin: 0;
}

.post-1195 .e-con-inner{
  margin-left: 0;
}
.post-1195 .elementor-element{
  padding-left: 0;
}

.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title {
    color: #1e6cb3;
}
.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{
  color: #1e6cb3;
  font-weight: 700;
}


#content .teamliste .elementor-widget-container{
  display: grid;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}


.personenliste{
  display: grid;
  grid-gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}





/* FOOTER */

footer{
    /* padding-left: 3em; */
    padding-right: 1em;
}

.site-footer .footer-inner{
    justify-content: left;
    margin-left: 0;
    margin-right: 0;
}

.site-footer.footer-has-copyright .footer-inner .site-navigation{
    max-width: 100%;
    justify-content: left;
}

.logo-leiste{
  background-image: url("img/Balken1400.png");
  height: 24px;;
}

.right-frame{
  width: 24vw;
  min-height: 100vh;
  background-color: #1e6cb3;
      z-index: 999;
}

.right-frame .right-logo, .right-frame .right-logo2{
  justify-content: center;
  display: flex;
  height: 98vh;
  padding: 20px 10px;
}

.right-frame .right-logo2{
  
  display: none;
}

.right-frame .right-logo img{
  opacity: 0.25;
}

/* TABS */

.elementor-tabs .elementor-tab-title.elementor-active{
  background-color: #1e6cb3;
  color: #fff;
}



/* accordion-1 */

.elementor-widget-wp-widget-pods_widget_list{
  margin-left: -25px;
}

.accordion-wrapper{
  position: relative;
  display: flex;
  margin-bottom: 0em;
  flex-direction: column;
  /* opacity: 0.25; */
  border-radius: 1em;
  /* overflow: hidden; */
}

.accordion{
  position: relative;
  display: flex;
  margin-bottom: 0em;
  flex-direction: column;
  /* overflow: hidden; */
}

.accordion .image{
  background-size: cover;
  width: 100%;
  height: 200px;
  background-repeat: no-repeat;
  /* min-width: 280px; */
  
}

.accordion .head{
  color: #1e6cb3;
  cursor: pointer;
  transition: 0.2s ease;
  display: flex;
  align-items: center;
  flex-direction: column;
      border-radius: 1em 0 1em 1em;
}
.accordion-wrapper.active .accordion{
  flex-direction: row;
}

.accordion-wrapper.active .accordion .head{
  background-color: #1e6cb3;
  color: #fff;
  min-width: 280px;
  border-radius: 1em 0px 0px 1em;
}

   .accordion.inactive{
      opacity: 0.5;
    }

   .accordion.inactive:hover{
      opacity: 1;
    }


  .accordion .accordion-title{
    width: 100%;
    text-align: center;
      -webkit-mask-image: url("img/rechteck_bg.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;

          mask-image: url("img/rechteck_bg.svg");
          mask-size: 100% 100%;
          mask-repeat: no-repeat;
  margin-bottom: 10px;
  position: relative;
    bottom: 22px; 
        padding: 10px 10px;  
  }

.accordion .head h2{
  font-weight: 600;
  font-size: 1em;
  margin: 0.8em 0 0.7em 0;
  text-transform: uppercase;
  padding-left: 0.5em;
}

.accordion .register{
  background-color: #1e6cb3;
  border-radius: 0px 1em 1em 0;
}


.accordion .arrow{
  color: #563e6e;
  font-size: 60px;
  transition: 0.25s ease;
  opacity: 0.3;
  transform: rotate(-90deg);
}

.accordion .head:hover .arrow{
  opacity: 1;
}

/*
.accordion .head:hover, .accordion.active{
  background-color: #1e6cb3;
  color: #fff;
}
*/

.accordion-wrapper.active{
  grid-column: 1 / 5;
  grid-row: 1;
  transition: 0.25s ease;
  flex-direction: row;
  opacity: 1;
}

.accordion .arrow-animate{
  transform: rotate(0deg);
  opacity: 1;
}

.accordion-content-wrapper{
  display: none;
}

.accordion-content{
  background-color: #FFFFFF;
  color: #333333;
  display: flex;
  height: 100%;
}

.accordion-content-infos{
  padding: 20px 30px;
}

.accordion-content .register{
  padding: 20px 30px;
  background-color: #1e6cb3;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-width: 400px;
}

.accordion-content .register a{
  padding: 10px 30px;
  text-align: center;
  font-size: 1.2em;
}

/*
.accordion-content .register a, .accordion-content .register i{
  color: #fff;
}
/*


.accordion .hidden-content{
  display: none;
}

/* elementor-accordion */
.elementor-accordion {
    background-color: #fff;
}


.elementor-widget-container .register_button{
   margin-top: 10px;
}

.register_button:hover{
  background-color: #fff;
  color: #000;
}



.elementor-widget-wp-widget-pods_widget_list .elementor-widget-container{
    display: grid;
    grid-gap: 12px;
    padding: 0 1em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.tribe-events-calendar-list__event-date-tag-weekday{
    background-color: #1e6cb3;
    color: #fff;
}

.tribe-events-calendar-list__event-date-tag-daynum{
    background-color: #1e6cb3;
    color: #fff;
}

.atx_tabs details{
  margin-bottom: 40px;
  margin-block-end: 40px !important;
}

.atx_tabs details .elementor-element{
  background-color: #fff;
}

.atx_tabs details .e-n-accordion-item-title-icon i{
  color: #fff !important;
}

.atx_tabs .e-n-accordion-item-title{
  background-color: #1e6cb3;
    color: #fff;
    border: none

}

.atx_tabs .e-n-accordion-item-title .e-n-accordion-item-title-text{
    color: #fff;
    font-weight: 600;
    font-size: 1.2em;
}


/*
.ek_column_2, .ek_column_3 {
            display: none;
}
.ek_column_2, .ek_column_3 {
            display: none;
}
*/

.einzelkachel-wrapper.active .ek_column_2, .einzelkachel-wrapper.active .ek_column_3{
  display: flex;
}

/* FARB-Themen */


/* MUSIK */
.page-id-54 .content-wrapper h1, .page-id-54 .content-wrapper h2,
.parent-pageid-54 .content-wrapper h1, .parent-pageid-54 .content-wrapper h2,
.parent-pageid-261 .content-wrapper h1, 
.parent-pageid-118 .content-wrapper h1, .parent-pageid-118 .content-wrapper h2 
{
 color: #e14323;
}
.page-id-54 .accordion-title,.page-id-261 .accordion-title h2,.parent-pageid-261 .accordion-title h2,.parent-pageid-54 .accordion-title h2,
.page-id-54 .accordion-wrapper.active .accordion .head h2, .parent-pageid-54 .accordion-wrapper.active .accordion .head h2,
.page-id-54 .accordion .kostenPopupButton:hover, .page-id-54 .accordion .register_button:hover,
.parent-pageid-54 .accordion .head:hover h2,
.parent-pageid-261 .accordion-title,.page-id-261 .accordion-title, /* 2026 */
.parent-pageid-261 .accordion-wrapper.active .accordion .head h2,
.parent-pageid-261 .accordion .kostenPopupButton:hover, .parent-pageid-261 .accordion .register_button:hover,
.page-id-118 .accordion .head:hover, .parent-pageid-118 .accordion .head:hover h2,
.parent-pageid-12 .accordion .head:hover h2,
.parent-pageid-118 .accordion-content .register, .parent-pageid-118 .accordion-wrapper.active .accordion .head,
.parent-pageid-118 .right-frame, .parent-pageid-118 .accordion .head h2
{
  color: #fff;
}
.page-id-54 .accordion-title,.page-id-261 .accordion-title h2,.page-id-54 .accordion-title:hover,
.parent-pageid-261 .accordion-title,.parent-pageid-54 .accordion-title, .parent-pageid-118 .accordion-title,
.page-id-54 .accordion-content .register, .parent-pageid-54 .accordion-content .register,
.page-id-54 .accordion-wrapper.active .accordion .head, .parent-pageid-54 .accordion-wrapper.active .accordion .head,
.page-id-54 .right-frame, .parent-pageid-54 .right-frame,
.parent-pageid-54 .accordion .kostenPopupButton:hover,
.page-id-54 .nav-item:hover,
.page-id-116 .accordion .head:hover, .parent-pageid-54 .nav-item:hover,
.parent-pageid-261 .accordion-content .register, 
.parent-pageid-261 .accordion-title,.page-id-261 .accordion-title, /* 2026 */   
.parent-pageid-261 .right-frame, .parent-pageid-261 .accordion-wrapper.active .accordion .head,
.parent-pageid-261 .accordion .kostenPopupButton:hover, .parent-pageid-261 .accordion .register_button:hover, 
.parent-pageid-118 .accordion-content .register, .parent-pageid-118 .accordion-wrapper.active .accordion .head,
.parent-pageid-118 .right-frame, .parent-pageid-118 .accordion-wrapper.active .head:hover
{
    background-color: #e14323;
}

/* KUNST */

.page-id-57 .content-wrapper *, .parent-pageid-57 .content-wrapper *
{
  color: #609b29;
}
.page-id-57 .accordion-title,.page-id-59 .accordion-title, .parent-pageid-57 .accordion-title,
.page-id-57 .accordion-content .register, .parent-pageid-57 .accordion-content .register,
.page-id-57 .accordion-wrapper.active .accordion .head, .parent-pageid-57 .accordion-wrapper.active .accordion .head,
.page-id-57 .right-frame, .parent-pageid-57 .right-frame, .page-id-57 .nav-item:hover,
.page-id-57 .accordion-wrapper.active .accordion .head:hover,
.parent-pageid-57 .accordion-wrapper.active .accordion .head:hover,
.parent-pageid-57 .accordion .kostenPopupButton:hover, .parent-pageid-57 .accordion .register_button:hover 
{
 background-color: #609b29;
}
.page-id-57 .accordion-title h2,.page-id-59 .accordion-title h2, .parent-pageid-57 .accordion-title h2,  
.page-id-57 .accordion-wrapper.active .accordion .head h2, .parent-pageid-57 .accordion-wrapper.active .accordion .head h2,
.page-id-57 .accordion .head:hover, .parent-pageid-57 .accordion .head:hover h2,
.parent-pageid-59 .accordion-wrapper.active .accordion .head h2, .parent-pageid-59 .accordion .head:hover h2,
.parent-pageid-57 .accordion .kostenPopupButton:hover, .parent-pageid-57 .accordion .register_button a:hover

{
  color: #fff;
}


/* TANZ */

.page-id-59 .content-wrapper *, .parent-pageid-126 .content-wrapper *, .parent-pageid-59 .content-wrapper *
{
  color: #2fa9a2;
}

.page-id-59 .accordion-content .register, .parent-pageid-59 .accordion-content .register,
.page-id-59 .accordion-wrapper.active .accordion .head, .parent-pageid-59 .accordion-wrapper.active .accordion .head,
.page-id-59 .right-frame, .parent-pageid-59 .right-frame,
.page-id-59 .accordion .head:hover, .page-id-59 .accordion-wrapper.active .accordion .head:hover,
.page-id-59 .nav-item:hover,
.parent-pageid-12 .accordion-wrapper.active .accordion .head:hover,
.parent-pageid-12 .accordion .kostenPopupButton:hover, .parent-pageid-12 .accordion .register_button:hover,
.parent-pageid-59 .accordion .head:hover, .parent-pageid-59 .accordion-wrapper.active .accordion .head:hover,
.parent-pageid-59 .accordion .kostenPopupButton:hover, .parent-pageid-59 .accordion .register_button:hover  
{
 background-color: #2fa9a2;
}

 .accordion .kostenPopupButton:hover, .accordion .register_button:hover a{
   /*
   background-color: #1e6cb3 !important;
   color: #fff !important;
   */
 }

/* Schauspiel */

.page-id-62 .content-wrapper *{

}

.page-id-1055 .accordion .head:hover,
.page-id-62 .accordion .head:hover{
  color: #fff;
}

.page-id-62 .accordion-content .register,
.page-id-62 .accordion-wrapper.active .accordion .head,
.page-id-62 .right-frame, 
.page-id-62 .accordion .accordion-title, .page-id-62 .accordion-wrapper.active .accordion .head:hover
{
background-color: #e07c0a;
}

.page-id-62 .accordion-wrapper.active .accordion .head h2,
.page-id-62 .accordion .accordion-title, .page-id-62 .accordion .accordion-title
{
  color: #fff;
}


.page-id-62 .content-wrapper *, .parent-pageid- .content-wrapper *
{
  color: #e07c0a;
}


/* MUSIK */
.musik .elementor-widget-heading, .musik .card-body {
  background-color: #e14323;
  color: #fff;
}

/* KUNST */
.kunst .elementor-widget-heading, .kunst .card-body{
  background-color: #609b29;
  color: #fff;
}

/* Schauspiel */
.schauspiel .elementor-widget-heading, .schauspiel .card-body{
  background-color: #e07c0a;
  color: #fff;
}

/* TANZ */
.tanz .elementor-widget-heading, .tanz .card-body{
  background-color: #2fa9a2;
  color: #fff;
}

:is(.elementor-section-wrap, [data-elementor-id]) > .e-con{
  margin-left: 0;
}

/* TEAM */
.page-id-1669 .elementor-widget-container{
  background-color: transparent !important;
}


/* Startpage */

.tiles {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  margin-top: 2em;
}

.tile-link {
  margin: 10px;
  height: 300px;
  width: calc( (100% / 4) - 20px );
  min-width: 200px;
  flex-basis: 220px;
  position: relative;
}

.title-icon{
  position: absolute;
  z-index: 9;
  bottom: 80px;
  display: flex;
  justify-content: center;
  width: 100%;
}

.title-icon img{
  max-width: 100px;
}

.tile-link:hover .tile{
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.5);0.5
}

.tile {
    height: 100%;
    font-weight: 600;
    font-size: 1.4em;
    text-transform: uppercase;
    display: flex;
    color: #fff;
    justify-content: center;
    align-items: end;
    position: relative;
     border-radius: 1em;
    overflow: hidden;
  }

 .tile {
  background-size: cover;
  content: "";
  top: 0; left: 0;

}

.tile-title{
  width: 100%;
  text-align: center;
  padding: 10px 0;
  -webkit-mask-image: url("img/rechteck_bg.svg");
  -webkit-mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;

          mask-image: url("img/rechteck_bg.svg");
          mask-size: 100% 130%;
          mask-repeat: no-repeat;
  margin-bottom: 10px;
}

 .tile.music .tile-title{
   background-color: #e14323;
 } 
 .tile.music {
    background-image: url("img/musik.jpeg");
 } 
 .tile.art .tile-title{
    background-color: #609b29;
 } 
 .tile.art {
    background-image: url("img/kunst.jpeg");
 } 
 .tile.dance .tile-title{
   background-color: #2fa9a2; 
 } 
  .tile.dance{
   background-image: url("img/tanz.jpeg");
 } 
 .tile.play .tile-title{
   background-color: #e07c0a;
 } 
 .tile.play{
   background-image: url("img/schauspiel.jpeg");
 }
 .tile.workshops .tile-title{
    background-color: #9FADBD;
 } 
 .tile.workshops {
    background-image: url("img/workshops.jpeg");
 } 
 .tile.school .tile-title{
   background-color: #F9F871;
 } 
  .tile.school{
   background-image: url("img/weiterbildungen.jpeg");
 } 
 .tile.birthday .tile-title{
   background-color: #00C4C8;
 } 
 .tile.birthday{
   background-image: url("img/kindergeburtstag.jpeg");
 }

.page-template-startpage h2.elementor-heading-title {
  font-weight: 600;
  color: #1e6cb3;
}

.home .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{
  top: 0;
  left: 0;
  transform: none;
}

/* DOZENTINNEN */
.nav-item-wrapper {
    display: grid;
    grid-gap: 12px;
    padding: 0 1em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}
.nav-item {
    background-color: #fff;
    color: #1e6cb3;
    cursor: pointer;
    transition: 0.2s ease;
    display: flex;
    align-items: center;
    flex-direction: column; 
    box-shadow: 0px 1px 7px #dbdbdb;
    border-radius: 1em;
}
.nav-item:hover {
    background-color: #1e6cb3;
}
.nav-item:hover h2 {
    color: #fff;
}
.nav-item a{
  width: 100%;
}

.nav-item .image {
    background-size: cover;
    width: 100%;
    min-height: 200px;
    background-repeat: no-repeat;
    min-width: 280px;
}

.nav-item .title{
  padding: 0 1.2em;
  margin-top: 1em;
  text-align: center;
}

.nav-item .title{
  padding: 0 1.2em;
  margin-top: 1em;
  text-align: center;
}

.nav-item h2{
  font-weight: 600;
  font-size: 1.2em;
  margin: 0.8em 0 0.7em 0;
  text-transform: uppercase;
  
}

.site-navigation-toggle-holder .site-navigation-toggle{
  background-color: transparent;
  padding: 0;  
  color: #1e6cb3;
}

.site-navigation-toggle-holder .site-navigation-toggle .eicon-menu-bar{
  font-size: 2.4em;
}



/* DOZENTINNEN */

/*
.dozentinnen{
  text-indent: 200px;
}
.dozentinnen:first-line{
  text-indent: 0px;
}
*/

.dozentin{
  position: relative; 
  display: inline;
}

.dozentin:hover .dozentin-infos{
  display: block;
}
.dozentin-infos {
  display: none;
  background-color: #fff;
  position: absolute;
  z-index: 10;
  width: 200px;
  box-shadow: 0 .1rem 1rem rgba(0, 0, 0, 0.15);
  padding-bottom: 1em;
}
.dozentin-name{
  padding: 0 1.2em;
  margin-top: 1em;
}
.dozentin-funktion{
  padding: 0 1.2em;
}
.dozentin-kontakt{
  padding: 0 1.2em;
}

.elementor-location-popup .elementor-container{
      margin: auto;
}

.elementor-popup-modal .dialog-close-button{
  display: block;
}

.wpvr-cardboard{
  margin: auto;
  max-width: none;
}


/*
.register, .register b, .register p{
  color: #fff !important;
}
*/


.datenschutzhinweis{
  font-size: 10px;
  text-transform: none;
}


.card{
  background-color: #fff;
  /* box-shadow: 0px 1px 7px #dbdbdb; */
  border-radius: 1em;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.card-body{
  background-color: #1e6cb3;
  min-height: 90px;
  height: 100%;
}

.card-title{
 padding: 10px 10px 0px 10px;
 margin: 0;
     font-size: 1.2em;
    font-weight: 600;
 text-align: center;
 color: #fff;
}

.card-text{
  padding: 5px 10px;
  text-align: center;
  color: #fff;
}

.card-body-second{
  display: none;
   padding: 5px 10px;
}

.card-body-second p{
  margin-bottom: 0;

}

.card.has-more-content:hover .card-body{
  display: none;
}

.card.has-more-content:hover .card-body-second{
  display: block;
}

.teamliste .card img{
  /* max-height: 279px; */
}

.promoted-events article {
    flex-direction: column-reverse !important;
}

.promoted-events .elementor-post h3{
  margin-bottom: 10px;
}

.promoted-events .elementor-post h3 a{
  font-size: 1.2em;
  font-weight: 400;
  /* color: #1e6cb3; */
}

.card-person-image{
  height: 240px;
  background-size: 260px;
  background-repeat: no-repeat;
      background-position-x: center;
}



/*
.promoted-events .elementor-post{
  flex-direction: row;
}

.promoted-events .elementor-post .elementor-post__thumbnail__link{
  width: auto !important;
  margin-right: 20px;
}
*/
.promoted-events .elementor-post .elementor-post__thumbnail{
  height: 300px;
  width: 450px;
  /* padding-bottom: 0px !important; */
}

/*
.promoted-events .elementor-post .elementor-post__text{
  display: flex;
  justify-content: center;
}
*/


/*
.elementor-widget-wp-widget-pods_widget_list .elementor-widget-container{
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
  grid-gap: 20px !important;
}
*/


/* Veranstaltungen */

.tribe-events-widget-events-list__event-date-tag{
  background-color: #1e6cb3;
  color: #fff;
  margin-right: 1em !important;
  padding-top: 0.5em !important;

}


.elementor-widget-container .list{
  font-weigth: 600;
}


/* * 
.elementor-container
*/

.elementor-widget-container .kostenPopupButton a, .elementor-widget-container .register_button a{
  color: #333;
  background-color: #fff;
  padding: 10px 30px;
  text-align: center;
  border-radius: 3px;
  display: block;
}

.elementor-widget-container .kostenPopupButton a{}


.kostenPopupButton a i{
      padding-right: 7px;
}


.popup p a{
  font-weight: bold;
}
/* popup */
.kurskosten.popup *{
  color: #000 !important;
}




/* Stil für das Popup */
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 9999;
}
.popup-close {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}


/* single kurs */
.type-kurs .e-con .e-con-inner{
  max-width: none;
}

/* search-results */

.search-results .page-content img{
  display: none;
}

/*
Multi Steps Form

Currently manually overwriting  - need to find a better solution,
the source property is coming from element/dev/scss...

*/
/* TODO: check why elementor-hidden class is not working */
.elementor-hidden,
.elementor-button.elementor-hidden {
  display: none;
}

.e-form__step {
  width: 100%;
}
.e-form__step:not(.elementor-hidden) {
  display: flex;
  flex-wrap: wrap;
}
.e-form__buttons {
  flex-wrap: wrap;
}
.e-form__buttons, .e-form__buttons__wrapper {
  display: flex;
}
.e-form__indicators {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  font-size: 13px;
  margin-bottom: var(--e-form-steps-indicators-spacing);
}
.e-form__indicators__indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-basis: 0;
  padding: 0 var(--e-form-steps-divider-gap);
}
.e-form__indicators__indicator__progress {
  width: 100%;
  position: relative;
  background-color: var(--e-form-steps-indicator-progress-background-color);
  border-radius: var(--e-form-steps-indicator-progress-border-radius);
  overflow: hidden;
}
.e-form__indicators__indicator__progress__meter {
  width: var(--e-form-steps-indicator-progress-meter-width, 0);
  height: var(--e-form-steps-indicator-progress-height);
  line-height: var(--e-form-steps-indicator-progress-height);
  padding-right: 15px;
  border-radius: var(--e-form-steps-indicator-progress-border-radius);
  background-color: var(--e-form-steps-indicator-progress-color);
  color: var(--e-form-steps-indicator-progress-meter-color);
  text-align: right;
  transition: width 0.1s linear;
}
.e-form__indicators__indicator:first-child {
  padding-left: 0;
}
.e-form__indicators__indicator:last-child {
  padding-right: 0;
}
.e-form__indicators__indicator--state-inactive {
  color: var(--e-form-steps-indicator-inactive-primary-color, #C2CBD2);
}
.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none) {
  background-color: var(--e-form-steps-indicator-inactive-secondary-color, #FFF);
}
.e-form__indicators__indicator--state-inactive svg,
.e-form__indicators__indicator--state-inactive object {
  fill: var(--e-form-steps-indicator-inactive-primary-color, #C2CBD2);
}
.e-form__indicators__indicator--state-active {
  color: var(--e-form-steps-indicator-active-primary-color, #39B54A);
  border-color: var(--e-form-steps-indicator-active-secondary-color, #FFF);
}
.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none) {
  background-color: #1e6cb3;
}
.e-form__indicators__indicator--state-active svg,
.e-form__indicators__indicator--state-active object {
  fill: var(--e-form-steps-indicator-active-primary-color, #39B54A);
}
.e-form__indicators__indicator--state-completed {
  color: var(--e-form-steps-indicator-completed-secondary-color, #FFF);
}
.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none) {
  background-color: var(--e-form-steps-indicator-completed-primary-color, #39B54A);
}
.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label {
  color: var(--e-form-steps-indicator-completed-primary-color, #39B54A);
}
.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none {
  color: var(--e-form-steps-indicator-completed-primary-color, #39B54A);
  background-color: initial;
}
.e-form__indicators__indicator--state-completed svg,
.e-form__indicators__indicator--state-completed object {
  fill: var(--e-form-steps-indicator-completed-secondary-color, #FFF);
}
.e-form__indicators__indicator__icon {
  width: var(--e-form-steps-indicator-padding, 30px);
  height: var(--e-form-steps-indicator-padding, 30px);
  font-size: var(--e-form-steps-indicator-icon-size);
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-bottom: 10px;
}
.e-form__indicators__indicator__icon img,
.e-form__indicators__indicator__icon svg,
.e-form__indicators__indicator__icon object {
  width: var(--e-form-steps-indicator-icon-size);
  height: auto;
}
.e-form__indicators__indicator__icon .e-font-icon-svg {
  height: 1em;
}
.e-form__indicators__indicator__number {
  width: var(--e-form-steps-indicator-padding, 30px);
  height: var(--e-form-steps-indicator-padding, 30px);
  border-width: 1px;
  border-style: solid;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.e-form__indicators__indicator--shape-circle {
  border-radius: 50%;
}
.e-form__indicators__indicator--shape-square {
  border-radius: 0;
}
.e-form__indicators__indicator--shape-rounded {
  border-radius: 5px;
}
.e-form__indicators__indicator--shape-none {
  border: 0;
}
.e-form__indicators__indicator__label {
  text-align: center;
}
.e-form__indicators__indicator__separator {
  width: 100%;
  height: var(--e-form-steps-divider-width);
  background-color: #BABFC5;
}
.e-form__indicators--type-number, .e-form__indicators--type-number_text, .e-form__indicators--type-icon, .e-form__indicators--type-icon_text {
  align-items: flex-start;
}
.e-form__indicators--type-number .e-form__indicators__indicator__separator, .e-form__indicators--type-number_text .e-form__indicators__indicator__separator, .e-form__indicators--type-icon .e-form__indicators__indicator__separator, .e-form__indicators--type-icon_text .e-form__indicators__indicator__separator {
  margin-top: calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2);
}

/* End OF Multi Steps Form */

/* = = MEDIA QUAERRIES = = */

 /* Small only */
@media screen and (max-width: 996px) {
    #wpadminbar{
        display: none;
    }

    #searchform{
      display: none;
    }

    .page-content{
      padding: 0 0 0 20px;
    }
    .tiles .tile-link{
      flex-basis: auto;
      min-width: auto;
      width: calc( (100% / 2) - 20px );
    }

    .navigation-wrapper{
        display: flex;
    }

    #menu-mainmenu{
        background-color: #fff;
        box-shadow: none;
    }

    #menu-mainmenu li{
        padding: 0;
    }

    #menu-mainmenu li a{
      padding: 5px 0px 10px 18px;
    }

    .sidebar{
        width: 100vw;
        height: 100px;
        position: fixed;
        padding: 0;
        z-index: 13;
    }

    .logo-wrapper{
        display: flex;
    }

    .show-logo{
        width: 240px;
        margin-left: 2em;
    }

    .sidebar_secondnav, .sidebar_thirdnav{
        display: none;
    }

    .content-wrapper{
        margin-left: 0;
        margin-top: 4em;
    }

    .accordion-wrapper.active .accordion{
      flex-direction: column;
    }

    /* Angebotsdarstellung */
    .accordion-content{
      flex-direction: column;
    } 

    .accordion.active{
      flex-direction: column;
    }


    .accordion-content .register{
      min-width: auto;
    }
    .site-navigation-dropdown{
      margin-top: 59px;
      box-shadow: none;
    }
    .site-navigation-dropdown .sidebar_secondnav,.site-navigation-dropdown .sidebar_thirdnav, .site-navigation-dropdown .sidebar-contact  {
          display: flex !important;
    }
    .site-navigation-dropdown #menu-mainmenu{
      margin-top: 0;
    }
    .mobile-search-wrapper{
      padding: 0 10px;
    }
    .site-navigation-dropdown .sidebar-contact{
      flex-direction: column;
      font-size: 18px;
    }
}

@media screen and (min-width: 1440px) {
.elementor-widget-wp-widget-pods_widget_list .elementor-widget-container{
    display: grid;
    grid-gap: 12px;
    padding: 0 1em;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); /* see notes below */
  }
  .accordion-content-infos{
    min-width: 380px;
  }
  /*
  .accordion.active{
    grid-column: 1 / 5;
  }
  */
}


@media screen and (max-width: 1540px) {
  .right-frame{
    display: none;
  }
}


@media screen and (max-width: 1000px) {
  .content-wrapper{
    padding: 0;
    text-align: center;
    flex: 0 0 100%;
  }
  .search-form, .sidebar-contact{
    display: none;
  }
  .logo-wrapper{
    padding: 0 0 0 0;
  }
  #menu-mainmenu, #menu-mainmenu a{
    background-color: #1e6cb3;
  }
  .sub-menu{
    display: none;
  }
    .accordion.active{
    grid-column: 1;
  }
}