/*
Theme Name: Hydrogen
Theme URI: http://gantry.org
Author: RocketTheme, LLC
Author URI: http://rockettheme.com
Description: Default Gantry 5 theme. Provides a simple, clean and fast design to get you started on developing your own theme or setting up a quick new site
Version: 5.4.26
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

h1, h2, h3, h4, h5{
    line-height:normal;
}
h4{
    color: #4d4d4d;
    font-weight: 600;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container {
    text-decoration: none;
    padding: 0.8rem 0.938rem;
}
#g-header,
#g-navigation{
    background-color: #ffffff;
}

#g-navigation .g-grid{
    background-color: #00b1e6;
}

.widget_text{
    
}

.entry-header{
    display:none;
}

#g-navigation .g-content {

}         

#g-navigation .g-grid{
    border-radius: 0 0 5px 5px;
}

.g-main-nav .g-toplevel > li > .g-menu-item-container{
    
}


.header_image{
    height:370px;
    overflow: hidden;
}

.header_image .g-content{
    margin:0px;
    padding:0px;
}      
.header_text{
    background-color:#f9f9f9;
}


.square li:before {
    content: "\f04d";
    font-family: FontAwesome;
    color: #00b1e6; /* or whatever color you prefer */
    margin-right: 11px;
}

.custom-list li {
    list-style-type: none;
    padding-left: 10px;
    padding-bottom: 10px;
    text-indent: -25px;
}



/***************
  Akkordeon Style
  ***************/
 .su-accordion {
    /* margin: 0 0 0 3em; =rückt den Abschnitt ein! */
    max-width: 85%;
}
.su-accordion .su-spoiler {
    margin-bottom: 0.5em !important;
}

.su-spoiler-title{
  font-size:19px !important;
  color:#666666;
  padding-left:30px !important;
}


.su-spoiler:nth-child(even){
  background-color: #efefef;
}

.su-spoiler:nth-child(odd){
  background-color: #b8d9ff;
}
.su-spoiler-content{
  background-color:#fff;
}


.su-spoiler-style-default > .su-spoiler-title > .su-spoiler-icon {
    left: 8px !important;
}


/*Widget-Blöcke: 
Farbe, Schrift, Hintergrund usw. Namen des ausgewählten im Theme-Layout existuerenden Blocks (Beispiel: Box1 - Box5, shadow2 ) an die entsprechenden Stellen einfügen*/

/*Box1*/
.box1.moduletable, .box1.widget, .box1.g-outer-box, .box1 > .g-content {
	background: #c3ebf0;
	font-size: 15px;
	line-height: 1.4;}

/*Box2*/
.box2.moduletable, .box2.widget, .box2.g-outer-box, .box2 > .g-content {
	background:  #efefef;
	font-size: 15px;
	line-height: 1.4;} 

/* Box3 */
.box3.moduletable, .box3.widget, .box3.g-outer-box, .box3 > .g-content {
	background: #c3ebf0;
	font-size: 15px;
	line-height: 1.4;} 

/*Box4 */ 
.box4.moduletable, .box4.widget, .box4.g-outer-box, .box4 > .g-content {
	background: #c3ebf0;
	font-size: 15px;
	line-height: 1.4;}



/* Bildgröße */

@media screen and (min-width: 600px) {
  img {
    max-width: 100%;  }
}


@media screen and (max-width: 599px) {
 img {
    max-width: 40%;  }

}

/* h1*/
@media screen and (min-width: 600px) {
 h1 {
    font-size: 35px;
	} }

@media screen and (max-width: 599px) {
 h1 {
    font-size: 20px;
	} }

/* h1*/
@media screen and (min-width: 600px) {
 h2 {
    font-size: 35px;
	} }

@media screen and (max-width: 599px) {
 h2 {
    font-size: 23px;
	} }
/************* 4-8-2022 *************/
.form-group.personal_details { display: block; clear: both; }
#registration label{  width:200px;  margin:0; padding:0 20px 0 0; }
#registration .form-group{ display: flex; flex-wrap:wrap; align-items:center;  }
#registration .agree_checkbox label, #registration .consent_checkbox label{ width: 100%; padding: 0 0 0 30px; position: relative; }
#registration .agree_checkbox label input, #registration .consent_checkbox label input{ position: absolute; left: 0; top:4px;  }
#registration .input_wrap{ width: calc(100% - 200px); }
#registration .input_wrap input{ width: 40%; background: #fff; border:1px solid #999; height: 40px; padding:0 15px; }
.submit_btn .form_submit_btn{  display:inline-block; padding: 0 25px; border-radius: 5px; height: 40px; color: #fff; background: #00b1e6; }
.submit_btn .form_submit_btn:hover{  background:#0099c7; }
#registration label.error{ padding: 3px 0 0 0; color: #f00; font-size: 14px; width:auto; display: block;   }
.star{color: #f00; }
#registration .agree_checkbox label.error, #registration .consent_checkbox label.error{ display: block;  }
#registration .form-group.online_ticket_field label{  width:100%;  margin:0; padding:0 0 5px 0; }
#registration .form-group.online_ticket_field .input_wrap{ width:100%; }

@media screen and (max-width:991px) {
  #registration .input_wrap input{ width:100%; }
}
@media screen and (max-width:767px) {
 #registration label{  width:100%;  margin:0; padding:0 0 5px 0; } 
 #registration .input_wrap{ width:100%; }
 #registration .input_wrap input{ width:100%; }
 }